码农教程 - 一技在手,衣食无忧! tools

目录

JavaScript 示例

❮ 上一节 下一节 ❯

JavaScript 能做什么？

JavaScript 可以改变 HTML 内容 JavaScript 可以改变 HTML 属性 JavaScript 可以改变 CSS 样式 JavaScript 可以隐藏 HTML 元素 JavaScript 可以显示隐藏的 HTML 元素

示例解释

在哪里插入 JavaScript

<head> 中的 JavaScript <body> 中的 JavaScript 外部文件中的 JavaScript 外部 URL 中的 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 关键字。 在一条语句中声明多个变量 多行声明多个变量 没有值的变量返回未定义的值 重新声明变量不会破坏该值 添加 JavaScript 数字 添加 JavaScript 字符串 添加字符串和数字

变量解释

JavaScript 算术

加法 (+) 运算符 减法 (-) 运算符 乘法 (*) 运算符 除法 (/) 运算符 模数 (%) 运算符 自增 (++) 运算符 自减 (--) 运算符

算术解释

JavaScript 赋值

= 赋值运算符 += 赋值运算符 -= 赋值运算符 *= 赋值运算符 /= 赋值运算符 %= 赋值运算符

作业解释

JavaScript 字符串连接

使用连接 (+) 运算符将两个字符串添加在一起 将两个字符串相加，并在第一个字符串中添加一个空格 将两个字符串添加在一起，中间有一个空格 使用 += 运算符将两个字符串相加 添加字符串和数字

连接解释

JavaScript 数据类型

声明（创建）字符串 声明（创建）数字 声明（创建）一个数组 声明（创建）一个对象 查找变量的类型 将两个数字和一个字符串相加 添加一个字符串和两个数字 未定义的变量 空变量

数据类型解释

JavaScript 对象

创建 JavaScript 变量 创建 JavaScript 对象 创建一个人物对象（单行） 创建人物对象（多行） 使用 .property 访问对象属性 使用 [property] 访问对象属性 作为方法访问函数属性 将函数属性作为属性访问

对象解释

JavaScript 函数

一个简单的功能 带参数的函数 参数为 2 的函数 有返回值的函数 将华氏温度转换为摄氏度的函数 不带 () 的函数调用

功能解释

JavaScript 事件

onclick 事件更改 HTML 元素 onclick 事件更改其自身的元素 onclick 事件调用函数

事件解释

JavaScript 字符串

字符串可以用单引号或双引号编写。 显示一些字符串示例 引号前的反斜杠接受引号作为引号。 查找字符串的长度 您可以使用反斜杠来分隔文本字符串。 您不能用反斜杠破坏代码。 查找字符串中文本第一次出现的位置 - indexOf() 在字符串中搜索文本，如果找到则返回文本 - match() 替换字符串中的字符——replace() 将字符串转换为大写 - toUpperCase() 将字符串转换为小写 - toLowerCase() 将字符串拆分为数组 - split()

字符串解释

JavaScript 数字

数字可以写成带小数或不带小数 特大或特小的数字可以用指数表示法书写 数字最多仅被认为准确 15 位 浮点运算并不总是 100% 准确 但它有助于乘除 10 两个数字相加得到一个新数字 添加两个数字字符串会产生一个连接字符串 添加数字和数字字符串也会产生连接字符串 添加数字字符串和数字也会产生连接字符串 添加字符串和数字时的常见错误 1 添加字符串和数字时的常见错误 2 JavaScript 在除法时会尝试将字符串转换为数字 JavaScript 在乘法时会尝试将字符串转换为数字 JavaScript 在减法时会尝试将字符串转换为数字 添加时 JavaScript 不会将字符串转换为数字 数字除以字符串得到 NaN（非数字） 数字除以数字字符串就是一个数字 如果值是数字，则全局 JavaScript 函数 isNaN() 返回 在数学运算中使用 NaN 将始终返回 NaN 在数学字符串运算中使用 NaN 将连接 NaN NaN（不是数字）是一个数字（是的！typeof NaN 返回数字） 如果计算的数字超出最大可能数字，则返回无穷大 除以零也会产生无穷大 Infinity 是一个数字（Infinity 类型返回数字） 前面带有 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 代表 "Not-a-Number" 对字符串执行算术将得到 NaN 对变量使用 Number 属性将返回 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 的 sin（以弧度给出） 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 数组

创建数组 I 创建数组二 访问数组元素 更改数组元素 访问完整数组 查找数组的长度 循环遍历数组 向数组添加一个元素 将未定义的 "holes" 添加到数组 如何识别数组我 如何识别数组二

数组解释

JavaScript 数组方法

向数组添加一个元素 删除数组的最后一个元素 - pop() 将数组的所有元素连接成字符串 - join() 连接两个数组 - concat() 连接三个数组 - concat() 将一个元素添加到数组中的位置 2 - splice() 将数组转换为字符串 - toString() 将新元素添加到数组的开头 - unshift() 删除数组的第一个元素 - shift() 从数组中选择元素 - slice()

数组方法解释

JavaScript 数组排序

按升序对数组进行排序 按降序对数组进行排序 对数字数组进行升序排序 对数字数组进行降序排序 对数字进行排序（按字母顺序或数字） 按随机顺序对数组数字进行排序 找到数组中最小的数字 找出数组中最大的数字 使用 Math.min() 查找数组中的最小数字 使用 Math.max() 查找数组中的最大数字 使用 "homemade" myArrayMin 方法 使用 "homemade" myArrayMax 方法 按数字属性对对象进行排序 按字符串属性对对象进行排序

数组排序解释

JavaScript 数组迭代

Array.forEach() 数组.map() 数组.filter() 数组.reduce() Array.reduceRight() 数组.every() Array.some() Array.indexOf() Array.lastIndexOf() 数组.find() Array.findIndex()

数组迭代解释

JavaScript 类型转换

显示所有变量类型的类型 显示所有变量类型的构造函数 使用 String() 将数字转换为字符串 使用 toString() 将数字转换为字符串 判断一个变量是否是一个数组 判断变量是否是日期

类型转换解释

JavaScript 布尔值

显示布尔值(10 > 9) 显示 10 > 9 的值 凡是有实际值的东西都是真的 布尔值为零是 false 布尔值负零为 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 条件语句

if 语句 else 语句 else if 语句 随机链接 switch语句

条件解释

JavaScript 循环

For循环 循环数组 循环遍历 HTML 标头 While 循环 执行 While 循环 打破一个循环 Break/Continue循环 使用 for...in 语句循环访问对象的元素

循环解释

JavaScript 错误处理

try...catch 语句 带有确认框的 try...catch 语句 onerror 事件

错误解释

JavaScript 正则表达式

在字符串中搜索表达式 搜索表达式并替换它

正则表达式解释

JavaScript 对象

创建 JavaScript 变量 创建 JavaScript 对象 创建 JavaScript 对象（单行） 创建 JavaScript 对象（多行） 使用 new 创建 JavaScript 对象 使用构造函数创建 JavaScript 对象 创建内置 JavaScript 对象 创建 JavaScript 变量的最佳方法 JavaScript 对象是可变的

对象解释

JavaScript 对象属性

使用 .property 访问属性 使用 [property] 访问属性 使用 for in 访问属性 向现有对象添加新属性 从对象中删除属性

对象属性解释

JSON 对象

使用 .property 访问属性 使用 [property] 访问属性 循环遍历属性 循环遍历属性值 访问嵌套的 JSON 对象 使用点符号修改值 使用括号符号修改值 删除对象属性

JSON 对象属性解释

JSON 数组

访问数组值 使用 for-in 循环数组 使用 for 循环数组 访问嵌套的 JSON 数组 修改数组值 删除数组项

JSON 数组解释

JSON解析

使用 JSON 解析 在 AJAX 示例中使用 JSON 解析 在数组上使用 JSON 解析 解析日期 使用 reviver 函数解析日期 解析函数

JSON 解析解释

JSON字符串化

使用 JSON 字符串化 在数组上使用 JSON stringify 将日期字符串化 字符串化函数 使用 toString() 方法对函数进行字符串化

JSON 字符串化解释

JSON PHP

从 php 文件获取 JSON 从 php 获取 JSON 数组 从数据库获取 JSON 循环遍历数据库的结果 使用POST方法发送JSON

JSON PHP 解释

JSON HTML

基于 JSON 数据制作 HTML 表格 制作动态 HTML 表格 基于 JSON 数据制作 HTML 下拉列表

JSON HTML 解释

JSON JSONP

简单的 JSONP 示例 创建动态脚本标签 具有动态结果的 JSONP 示例 带有回调函数的 JSONP 示例

JSON JSONP 解释


❮ 上一节 下一节 ❯