JavaScript 示例
本节包含大量实践示例，展示了 JavaScript 语言的各种技术和特性。
JavaScript 基础
- JavaScript "Hello World!" 应用
- 在 HTML 文件中嵌入 JavaScript 代码
- 在 HTML 文档中调用外部 JavaScript 文件
- 在 HTML 标签中插入 JavaScript 代码
- JavaScript 区分大小写
- JavaScript 单行注释
- JavaScript 多行注释
- 在 JavaScript 中创建变量
- 在 JavaScript 中声明变量
- 一次在 JavaScript 中声明多个变量
JavaScript 生成输出
JavaScript 数据类型
- 字符串数据类型
- 数字数据类型
- 表示无穷大值
- 表示 Not-a-Number 值
- 布尔数据类型
- 未定义的数据类型
- Undefined 数据类型
- 对象数据类型
- 不带引号的对象属性名称
- 数组数据类型
- 函数数据类型
- 将函数作为参数传递给其他函数
typeof运算符
JavaScript 运算符
JavaScript 事件
- 内联附加事件处理程序
- 在外部文件中附加事件处理程序
- 处理点击事件
- 处理上下文菜单事件
- 处理鼠标悬停事件
- 处理 mouseout 事件
- 处理 keydown 事件
- 处理 keyup 事件
- 处理按键事件
- 处理焦点事件
- 处理模糊事件
- 处理更改事件
- 处理提交事件
- 处理加载事件
- 处理卸载事件
- 处理调整大小事件
JavaScript 字符串
- 在 JavaScript 中创建字符串
- 在字符串中使用引号
- 在字符串中转义引号
- 使用转义序列
- 获取字符串的长度
- 在字符串中查找子字符串的位置
- 查找位置字符串中子字符串的最后一次出现
- 查找位置来自特定索引的字符串中的子字符串
- 在字符串中搜索文本或模式
- 切出字符串的一部分
- 使用负索引对字符串进行切片
- 从字符串中提取子字符串
- 从字符串中提取固定数量的字符
- 用另一个字符串替换部分字符串
- 不区分大小写地查找和替换字符串中的文本
- 替换字符串中所有出现的子字符串
- 将字符串转换为大写字符
- 将字符串转换为小写字符
- 连接两个或多个字符串
- 从字符串中提取单个字符
- 使用以下方法从字符串中提取单个字符方括号
- 将字符串拆分为数组
- 将字符串拆分为字符数组
JavaScript 数字
- 在 JavaScript 中表示数字
- 用指数表示法表示数字
- 用十六进制表示数字
- 添加数字和字符串
- 数字字符串自动转换为数字
- 对非数值执行数学运算
- 添加浮点数
- 修复舍入错误
- 整数精度问题
- 从字符串中解析整数
- 从字符串中解析浮点数
- 将数字转换为字符串
- 以指数表示法格式化数字
- 将数字格式化为固定小数位
- 精确格式化数字
- 最大和最小可能的管道
JavaScript If...Else 和 Switch 语句
- JavaScript if 语句
- JavaScript if...else 语句
- JavaScript if...elseif...else 语句
- JavaScript switch...case 语句
- JavaScript switch...case 语句，顶部有默认子句
- 在一个 switch case 语句中合并多个案例
- 典型条件语句
- 三元运算符
JavaScript 数组
- 在变量中存储单个值
- 在 JavaScript 中创建数组
- 访问数组的单个元素
- 获取数组的长度
- 使用 for 循环遍历数组
- 使用 for of 循环遍历数组
- 使用 for in 循环遍历数组
- 在末尾添加一个新元素一个数组
- 在开头添加一个新元素一个数组
- 一次向数组添加多个元素
- 从数组中删除最后一个元素
- 从数组中删除第一个元素
- 在任意索引处添加或删除数组元素
- 将数组的所有元素合并成一个字符串
- 将数组转换为逗号分隔的字符串
- 提取数组的一部分
- 从数组中提取超出特定索引的所有元素
- 将两个数组合并为一个数组
- 将多个数组合并为一个数组
- 在数组中搜索特定值
- 在数组中搜索超出的特定值某些索引
- 查找数组是否包含某个值
- 根据特定条件搜索数组
- 根据特定条件搜索数组并查找索引
- 在 JavaScript 中过滤数组
JavaScript 排序数组
JavaScript 循环
- JavaScript while 循环
- JavaScript do...while 循环
- JavaScript for 循环
- 使用 for 循环遍历数组
- JavaScript for...in 循环
- 使用 for in 循环遍历数组
JavaScript 函数
- 在 JavaScript 中定义和调用函数
- 向函数添加参数
- 将参数传递给函数
- 从函数返回值
- 从函数返回多个值
- JavaScript 函数表达式
- 将函数分配给变量
- JavaScript 函数声明与函数表达式
- JavaScript 局部变量
- JavaScript 全局变量
JavaScript 对象
- 在 JavaScript 中创建对象
- 引用对象的属性名称
- 获取对象的属性值
- 使用括号表示法访问对象的属性
- 使用变量动态访问对象属性
- 在 JavaScript 中循环遍历对象
- 设置对象的属性
- 从对象中删除属性
- 调用对象的方法
- JavaScript 按值复制
- JavaScript 通过引用复制
JavaScript DOM 选择器
JavaScript DOM 样式
JavaScript DOM 获取设置属性
JavaScript DOM 操作
JavaScript DOM 导航
JavaScript 窗口
JavaScript 窗口位置
JavaScript 对话框
JavaScript 计时器
JavaScript 日期和时间
- 在 JavaScript 中创建日期对象
- 将参数传递给日期对象
- 通过传递日期字符串构造日期对象
- 通过传递数字定义一个日期对象毫秒
- 在 JavaScript 中获取当前日期和时间
- 在 JavaScript 中生成日期字符串
- 在 JavaScript 中生成时间字符串
- 从日期对象获取年月日
- 从日期对象获取小时、分钟和秒
- 设置日期对象的年份值
- 设置日期对象的月份值
- 指定超出范围的月份值
- 设置日期对象的日期值
- 指定范围外的日期值
- 设置小时分秒日期对象的值
JavaScript 数学运算
- 在 JavaScript 中表示 PI (π)
- 获取一个数的绝对值
- 生成一个随机整数
- 计算一个数的平方根
- 在 JavaScript 中向上取整
- 在 JavaScript 中向下取整
- 将数字四舍五入到最接近的整数
- 找出集合中最大和最小的数
- 查找数组中的最大值和最小值
- 将数组传递给 max 和使用扩展运算符的 min 方法
- 将数字提高到一定的幂
- 在 JavaScript 中执行三角运算
JavaScript 类型转换
- 自动数据类型转换
- 将数字字符串转换为数字
- 将值转换为数字
- 将布尔值转换为字符串
- 将值转换为字符串
- 将数字转换为字符串
- 将值转换为布尔值
- 自动对象到原始数据类型的转换
- 手动将对象转换为原始数据类型
- 使用运算符执行数据类型转换
JavaScript 事件监听器
JavaScript 事件传播
JavaScript 借用方法
JavaScript 提升
JavaScript 严格模式
- 在 JavaScript 中启用严格模式
- 在函数内部启用严格模式
- 不能在严格模式下分配给未声明的变量
- 无法在严格模式下删除变量
- 无法在严格模式下删除函数
- 严格模式下不允许重复的参数名称
- Eval 无法在严格模式下更改范围
- 不能使用eval和arguments作为严格模式下的标识符
- 严格模式代码可能不包含 with 语句
- 不能分配给只读属性严格模式下的对象
- 无法将属性添加到非严格模式下的可扩展对象
- 严格模式下不允许使用八进制文字
JavaScript JSON 解析
- JSON 对象数据结构
- JSON 数组数据结构
- 将 JSON 字符串转换为 JavaScript 对象并访问 个人价值观
- 在 JavaScript 中解析嵌套的 JSON 数据
- 将 JavaScript 对象转换为 JSON 字符串
- 将 JavaScript 数组转换为 JSON 字符串
JavaScript ES6 特性
- ES6 let 关键字
- ES6 const 关键字
- ES6 常量并不是真正的不可变
- ES6 for...of 循环
- ES6 模板文字
- 在旧版本中创建多行字符串
- 具有默认参数值的 ES6 函数
- 在旧版本中设置函数参数的默认值
- ES6 箭头函数
- ES6 箭头函数变体
- 简单的
this关键字值功能 - 箭头内的
this关键字值功能 - ES6 类声明
- ES6 模块系统
- ES6 剩余参数
- ES6 使用 rest 参数获取额外的函数参数
- ES6 传播运算符
- ES6 使用传播运算符
- 访问旧版本中的单个数组元素
- ES6 数组解构赋值
- ES6 在数组解构赋值中使用 rest 运算符
- 访问旧版本中的对象属性值
- ES6 对象解构赋值
Advertisements