JavaScript 实例

z_once

于 2022-02-25 09:27:51 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript css3 html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/z_once/article/details/123125594

这篇博客详细介绍了JavaScript的各个方面，包括其能做什么、插入位置、输出方式、语法、语句、注释、变量、算术操作、赋值、数据类型、对象、函数、事件、字符串、数字方法、数学运算、随机数、日期、数组、排序和迭代等，是学习JavaScript的全面参考资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript 能做什么？

JavaScript 能够改变 HTML 内容

JavaScript 能够改变 HTML 属性

JavaScript 能够改变 CSS 样式

JavaScript 能够隐藏 HTML 元素

JavaScript 能够显示隐藏的 HTML 元素

例子解释：JavaScript 简介

在何处插入 JavaScript

<head> 中的 JavaScript

<body> 中的 JavaScript

外部文件中的 JavaScript

外部 url 中的 JavaScript

外部文件夹中的 JavaScript

例子解释：使用 JavaScript

JavaScript 输出

写入 HTML 输出

写入 HTML 元素

写入窗口提示框

写入浏览器控制台

例子解释：输出

JavaScript 语法

JavaScript 语句

JavaScript 数字

JavaScript 字符串

JavaScript 变量

JavaScript 运算符

JavaScript 赋值

JavaScript 表达式（使用常量）

JavaScript 表达式（使用字符串）

JavaScript 表达式（使用变量）

JavaScript 关键词

JavaScript 注释

JavaScript 对大小写敏感

例子解释：语法

JavaScript 语句

JavaScript 语句是对浏览器的命令

JavaScript 代码是一系列语句

JavaScript 语句由分号分隔

一行允许多条语句

JavaScript 语句可以在代码块中组合在一起

您可以在运算符或逗号之后对代码折行

例子解释：语句

JavaScript 注释

行末的单行注释

阻止执行的单行注释

阻止执行的多行注释

例子解释：注释

JavaScript 变量

JavaScript 变量

作为代数的 JavaScript 变量

JavaScript 数字和字符串

JavaScript var 关键词

在一条语句中声明多个变量

多行声明多个变量

没有值的变量返回值 undefined

重新声明变量不会破坏值

JavaScript 数组相加

JavaScript 字符串相加

字符串和数字相加

数值和字符串相加

例子解释：变量

JavaScript 算术

加 (+) 运算符

减 (-) 运算符

乘 (*) 运算符

除 (/) 运算符

取模 (%) 运算符

递增 (++) 运算符

递减 (--) 运算符

例子解释：算数

JavaScript 赋值

= 赋值运算符

+= 赋值运算符

-= 赋值运算符

*= 赋值运算符

/= 赋值运算符

%= 赋值运算符

例子解释：赋值

JavaScript 字符串级联

使用级联运算符 (+) 将两个字符串相加

对两个字符串相加，第一个字符串中包含空格

对两个字符串相加，字符串之间有空格

使用 += 运算符对两个字符串相加

对字符串和数字相加

例子解释：字符串级联

JavaScript 数据类型

声明（创建）字符串

声明（创建）数字

声明（创建）数组

声明（创建）对象

确定变量的类型

对两个数字和一个字符串相加

对一个字符串和两个数字相加

一个未定义变量

一个空变量

例子解释：数据类型

JavaScript 对象

创建 JavaScript 变量

创建 JavaScript 对象

创建 person 对象（单行）

创建 person 对象（多行）

使用 .property 访问对象属性

使用 [property] 访问对象属性

以方法访问函数属性

以属性访问函数属性

例子解释：对象

JavaScript 函数

一个简单的函数

带一个参数的函数

带一个参数的函数 2

返回一个值的函数

把华氏度转换为摄氏度的函数

没有 () 的函数

例子解释：函数

JavaScript 事件

更改 HTML 元素的 onclick 事件

更改元素本身的 onclick 事件

调用函数的 onclick 事件

例子解释：事件

JavaScript 字符串

字符串可由单引号或双引号包围

展示一些字符串实例

在引号前添加反斜杠被认定为引号

确定字符串的长度

用反斜杠对文本字符串折行

无法对代码使用反斜杠折行

确定文本在字符串中首次出现的位置 - indexOf()

在字符串中搜索文本并在找到后返回这段文本 - match()

替换字符串中的字符 - replace()

把字符串转换为大写 - toUpperCase()

把字符串转换为小写 - toLowerCase()

把字符串拆分入数组 - split()

例子解释：字符串

JavaScript 数字

带或不带小数点都可以写数值

可以使用指数计数法编写极大或极小的数

数字会被精确到 15 位

浮点算术不总是 100% 精确

但是可以通过乘并除以 10 解决此问题

两数相加会产生新数

两个数字字符串相加会产生连接的字符串

数字和数字字符串相加也会产生连接的字符串

数字字符串和数字相加也会产生连接的字符串

字符串和数字相加的常见错误 1

字符串和数字相加的常见错误 2

在除法运算时，JavaScript 会尝试把字符串转换为数字

在乘法运算时，JavaScript 会尝试把字符串转换为数字

在减法运算时，JavaScript 会尝试把字符串转换为数字

在加法运算时，JavaScript 不会把字符串转换为数字

被字符串除的数不再是数

数字除以数字字符串为数字

全局 JavaScript 函数 isNaN() 判断值是否为数字

在数学运算中使用 NaN 会始终返回 NaN

在数学字符串运算中使用 NaN 将连接 NaN

NaN 的类型是数字（没错！typeof NaN 返回 number）

如果计算出最大可能数字之外的数字，则返回无穷大（Infinity）

被零除会生成 Infinity

Infinity 也是数（typeof Infinity 返回 number）

前缀为 0x 的常量会被解释为十六进制

toString() 方法能够以十六进制、八进制或二进制输出数

数字可以是对象

数字和对象无法安全地比较

对象和对象无法安全地比较

例子解释：数字

JavaScript 数字方法

toString() 方法将数字转换为字符串

valueOf() 方法以数字返回数字

toExponential() 返回一个带指数表示法的数字

toFixed() 方法将数字四舍五入为指定位的数字

toPrecision() 返回指定长度的数字

全局方法 Number() 将变量转换为数字

全局方法 Number() 甚至可以将日期转换为数字

全局方法 parseInt() 将字符串转换为数字

全局方法 parseFloat() 将字符串转换为数字

MAX_VALUE 返回 JavaScript 中可能的最大数字

MIN_VALUE 返回 JavaScript 中可能的最小数字

POSITIVE_INFINITY 表示无穷大

溢出时返回 POSITIVE_INFINITY

NEGATIVE_INFINITY 表示负无穷大

溢出时返回 NEGATIVE_INFINITY

NaN 代表“非数字”

对字符串执行的算术将导致 NaN

对变量使用数字属性将返回 undefined

例子解释：数字方法

JavaScript 数学

Math.PI 返回 PI 的值

Math.round(x) 返回 x 的取整值（舍入值）

Math.pow(x, y) 返回 x 的 y 次方

Math.sqrt(x) 返回 x 的平方

Math.abs(x) 返回 x 的绝对值

Math.ceil(x) 返回 x 的向上舍入值

Math.floor(x) 返回 x 的向下舍入值

Math.sin(x) 返回角度 x（以弧度计）的正弦

Math.cos(x) 返回角度 x（以弧度计）的余弦

Math.max() 返回参数列表中的最高值

Math.min() 返回参数列表中的最低值

把摄氏度转换为华氏度

例子解释：数学

JavaScript 随机

Math.random() 返回介于 0（包括）与 1（不包括）之间的随机整数

如何返回介于 0 与 9 之间（都包括）的随机整数

如何返回介于 0 与 10 之间（都包括）的随机整数

如何返回介于 0 与 99 之间（都包括）的随机整数

如何返回介于 0 与 100 之间（都包括）的随机整数

如何返回介于 1 与 10 之间（都包括）的随机整数

如何返回介于 1 与 100 之间（都包括）的随机整数

如何返回介于 x（包括）与 y（不包括）之间的随机整数

如何返回介于 x 与 y 之间（都包括）的随机整数

例子解释：随机

JavaScript 日期

使用 Date() 来显示今天的日期和时间

使用 getFullYear() 显示年份

使用 getTime() 计算 1970 年至今的毫秒数

使用 setFullYear() 设置一个具体的日期

使用 toUTCString() 把今天的日期（根据 UTC）转换为字符串

使用 getDay() 以数字显示星期名

使用 getDay() 以及一个数组以名称显示星期名

例子解释：日期

JavaScript 数组

访问数组元素

更改数组元素

访问整个数组

确定数组的长度

向数组添加元素

将未定义的“孔”添加到数组中

如何识别数组 1

如何识别数组 2

例子解释：数组

JavaScript 数组方法

向数组添加元素

删除数组中最后一个元素 - pop()

将数组的所有元素连接成一个字符串 - join()

连接两个数组 - concat()

连接三个数组 - concat()

将一个元素添加到数组中的位置 2 - splice()

把数组转换为字符串 - toString()

把新元素添加到数组的开头 - unshift()

删除数组中的第一个元素 - shift()

选取数组中的元素 - slice()

例子解释：数组方法

JavaScript 数组排序

按升序对数组排序

按降序对数组排序

按升序排列数字

按降序排列数字

排序数字（按字母顺序或数字顺序）

按随机顺序排序数组中的数字

确定数组中最小的数

确定数组中最大的数

使用 Math.min() 确定数组中最小的数

使用 Math.max() 确定数组中最大的数

使用“自制的” myArrayMin 方法

使用“自制的” myArrayMax 方法

按数字属性排序对象

按字符串属性排序对象

例子解释：数组排序

JavaScript 数组迭代

Array.forEach()

Array.reduceRight()

Array.indexOf()

Array.lastIndexOf()

Array.findIndex()

例子解释：数组迭代

JavaScript 类型转换

显示所有变量的类型

显示所有变量类型的构造器

使用 String() 把数转换为字符串

使用 toString() 把数转换为字符串

确认变量是否是数组

确认变量是否是日期

例子解释：类型转换

JavaScript 布尔

显示 Boolean(10 > 9) 的值

显示 10 > 9 的值

拥有真正值的一切均为 true

零的布尔值是 false

减零（minus zero）的布尔值是 false

空字符串的布尔值是 false

undefined 的布尔值是 false

null 的布尔值是 false

false 的布尔值是 false

NaN 的布尔值是 false

例子解释：布尔

JavaScript 比较

把 5 赋值给 x，然后显示 (x == 8) 的值

把 5 赋值给 x，然后显示 (x == 5) 的值

把 5 赋值给 x，然后显示 (x === 5) 的值

把 5 赋值给 x，然后显示 (x === "5") 的值

把 5 赋值给 x，然后显示 (x != 8) 的值

把 5 赋值给 x，然后显示 (x !== 5) 的值

把 5 赋值给 x，然后显示 (x !== "5") 的值

把 5 赋值给 x，然后显示 (x > 8) 的值

把 5 赋值给 x，然后显示 (x < 8) 的值

把 5 赋值给 x，然后显示 (x >= 8) 的值

把 5 赋值给 x，然后显示 (x <= 8) 的值

例子解释：比较

JavaScript 条件

例子解释：条件

JavaScript 循环

遍历 HTML 标题

do while 循环

打破并继续循环

使用 for...in 语句遍历对象中的元素

例子解释：循环

JavaScript 错误处理

try...catch 语句

弹出提示框的 try...catch 语句

例子解释：错误

JavaScript 正则表达式

在字符串中检索表达式

检索表达式然后替换它

例子解释：正则表达式

JavaScript 对象

创建 JavaScript 变量

创建 JavaScript 对象

创建 JavaScript 对象（单行）

创建 JavaScript 对象（多行）

使用 new 创建 JavaScript 对象

使用构造器创建 JavaScript 对象

创建内置的 JavaScript 对象

创建 JavaScript 变量的最佳方式

JavaScript 对象是易变的

例子解释：对象

JavaScript 对象属性

使用 .property 访问属性

使用 [property] 访问属性

使用 for in 访问属性

向已有对象添加新属性

从对象中删除属性

例子解释：对象属性

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。