Skip to content

ricardowangyf/Javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript

1.1 JavaScript 简介

  1. 示例 代码 章节 | JavaScript能够改变HTML内容
  2. 示例 代码 章节 | JavaScript能够改变HTML属性
  3. 示例 代码 章节 | JavaScript能够改变CSS样式
  4. 示例 代码 章节 | JavaScript能够隐藏HTML元素
  5. 示例 代码 章节 | JavaScript能够显示隐藏的HTML元素

2.1 JavaScript 使用

  1. 示例 代码 章节 | head标签中的JavaScript
  2. 示例 代码 章节 | body中的JavaScript
  3. 示例 代码 章节 | 外部文件中的JavaScript
  4. 示例 代码 章节 | 外部url中的JavaScript
  5. 示例 代码 章节 | 外部url中的JavaScript

3.1 JavaScript 输出

  1. 示例 代码 章节 | 写入HTML输出
  2. 示例 代码 章节 | 写入HTML元素
  3. 示例 代码 章节 | 写入窗口提示框
  4. 示例 代码 章节 | 写入浏览器控制台

4.1 JavaScript 语法

  1. 示例 代码 章节 | JavaScript语句
  2. 示例 代码 章节 | JavaScript数字
  3. 示例 代码 章节 | JavaScript字符串
  4. 示例 代码 章节 | JavaScript变量
  5. 示例 代码 章节 | JavaScript运算符
  6. 示例 代码 章节 | JavaScript赋值
  7. 示例 代码 章节 | JavaScript表达式(使用常量)
  8. 示例 代码 章节 | JavaScript表达式(使用字符串)
  9. 示例 代码 章节 | JavaScript表达式(使用变量)
  10. 示例 代码 章节 | JavaScript关键词
  11. 示例 代码 章节 | JavaScript注释
  12. 示例 代码 章节 | JavaScript对大小写敏感

5.1 JavaScript 语句

  1. 示例 代码 章节 | JavaScript语句是对浏览器的命令
  2. 示例 代码 章节 | JavaScript代码是一系列语句
  3. 示例 代码 章节 | JavaScript语句由分号分隔
  4. 示例 代码 章节 | 一行允许多条语句
  5. 示例 代码 章节 | JavaScript语句可以在代码块中组合在一起
  6. 示例 代码 章节 | 可以在运算符或逗号之后对代码折行

6.1 JavaScript 注释

  1. 示例 代码 章节 | 单行注释
  2. 示例 代码 章节 | 行末的单行注释
  3. 示例 代码 章节 | 多行注释
  4. 示例 代码 章节 | 阻止执行的多行注释
  5. 示例 代码 章节 | JavaScript变量

7.1 JavaScript 变量

  1. 示例 代码 章节 | JavaScript变量
  2. 示例 代码 章节 | 作为代数的JavaScript变量
  3. 示例 代码 章节 | JavaScript数字和字符串
  4. 示例 代码 章节 | JavaScriptvar关键词
  5. 示例 代码 章节 | 在一条语句中声明多个变量
  6. 示例 代码 章节 | 多行声明多个变量
  7. 示例 代码 章节 | 没有值的变量返回值undefined
  8. 示例 代码 章节 | 重新声明变量不会破坏值
  9. 示例 代码 章节 | JavaScript数组相加
  10. 示例 代码 章节 | JavaScript字符串相加
  11. 示例 代码 章节 | 字符串和数字相加
  12. 示例 代码 章节 | 数值和字符串相加

8.1 JavaScript 算术

  1. 示例 代码 章节 | 加 (+) 运算符
  2. 示例 代码 章节 | 减 (-) 运算符
  3. 示例 代码 章节 | 乘 (*) 运算符
  4. 示例 代码 章节 | 除 (/) 运算符
  5. 示例 代码 章节 | 取模 (%) 运算符
  6. 示例 代码 章节 | 递增 (++) 运算符
  7. 示例 代码 章节 | 递减 (--) 运算符

9.1 JavaScript 赋值

  1. 示例 代码 章节 | = 赋值运算符
  2. 示例 代码 章节 | += 赋值运算符
  3. 示例 代码 章节 | -= 赋值运算符
  4. 示例 代码 章节 | *= 赋值运算符
  5. 示例 代码 章节 | /= 赋值运算符
  6. 示例 代码 章节 | %= 赋值运算符

10.1 JavaScript 字符串级联

  1. 示例 代码 章节 | 使用级联运算符 (+) 将两个字符串相加
  2. 示例 代码 章节 | 对两个字符串相加,第一个字符串中包含空格
  3. 示例 代码 章节 | 对两个字符串相加,字符串之间有空格
  4. 示例 代码 章节 | 使用 += 运算符对两个字符串相加
  5. 示例 代码 章节 | 对字符串和数字相加

11.1 JavaScript 数据类型

  1. 示例 代码 章节 | 声明(创建)字符串
  2. 示例 代码 章节 | 声明(创建)数字
  3. 示例 代码 章节 | 声明(创建)数组
  4. 示例 代码 章节 | 声明(创建)对象
  5. 示例 代码 章节 | 确定变量的类型
  6. 示例 代码 章节 | 对两个数字和一个字符串相加
  7. 示例 代码 章节 | 对一个字符串和两个数字相加
  8. 示例 代码 章节 | 一个未定义变量
  9. 示例 代码 章节 | 一个空变量

12.1 JavaScript 对象

  1. 示例 代码 章节 | 创建 JavaScript 变量
  2. 示例 代码 章节 | 创建 JavaScript 对象
  3. 示例 代码 章节 | 创建 person 对象(单行)
  4. 示例 代码 章节 | 创建 person 对象(多行)
  5. 示例 代码 章节 | 使用 .property 访问对象属性
  6. 示例 代码 章节 | 使用 property 访问对象属性
  7. 示例 代码 章节 | 以方法访问函数属性

13.1 JavaScript 函数

  1. 示例 代码 章节 | 一个简单的函数
  2. 示例 代码 章节 | 带一个参数的函数
  3. 示例 代码 章节 | 带一个参数的函数 2
  4. 示例 代码 章节 | 返回一个值的函数
  5. 示例 代码 章节 | 把华氏度转换为摄氏度的函数
  6. 示例 代码 章节 | 没有 () 的函数

14.1 JavaScript 事件

  1. 示例 代码 章节 | 更改HTML元素的onclick事件
  2. 示例 代码 章节 | 更改元素本身的onclick事件
  3. 示例 代码 章节 | 调用函数的onclick事件

15.1 JavaScript 字符串

  1. 示例 代码 章节 | 字符串可由单引号或双引号包围
  2. 示例 代码 章节 | 展示一些字符串实例
  3. 示例 代码 章节 | 在引号前添加反斜杠被认定为引号
  4. 示例 代码 章节 | 确定字符串的长度
  5. 示例 代码 章节 | 用反斜杠对文本字符串折行
  6. 示例 代码 章节 | 无法对代码使用反斜杠折行
  7. 示例 代码 章节 | 确定文本在字符串中首次出现的位置 - indexOf()
  8. 示例 代码 章节 | 在字符串中搜索文本并在找到后返回这段文本 - match()
  9. 示例 代码 章节 | 替换字符串中的字符 - replace()
  10. 示例 代码 章节 | 把字符串转换为大写 - toUpperCase()
  11. 示例 代码 章节 | 把字符串转换为小写 - toUpperCase()
  12. 示例 代码 章节 | 把字符串拆分入数组 - split()

16.1 JavaScript 数字

  1. 示例 代码 章节 | 带或不带小数点都可以写数值
  2. 示例 代码 章节 | 可以使用指数计数法编写极大或极小的数
  3. 示例 代码 章节 | 数字会被精确到 15 位
  4. 示例 代码 章节 | 浮点算术不总是 100% 精确
  5. 示例 代码 章节 | 但是可以通过乘并除以 10 解决此问题
  6. 示例 代码 章节 | 两数相加会产生新数
  7. 示例 代码 章节 | 两个数字字符串相加会产生连接的字符串
  8. 示例 代码 章节 | 数字和数字字符串相加也会产生连接的字符串
  9. 示例 代码 章节 | 数字字符串和数字相加也会产生连接的字符串
  10. 示例 代码 章节 | 字符串和数字相加的常见错误 1
  11. 示例 代码 章节 | 字符串和数字相加的常见错误 2
  12. 示例 代码 章节 | 在除法运算时,JavaScript 会尝试把字符串转换为数字
  13. 示例 代码 章节 | 在乘法运算时,JavaScript 会尝试把字符串转换为数字
  14. 示例 代码 章节 | 在减法运算时,JavaScript 会尝试把字符串转换为数字
  15. 示例 代码 章节 | 在加法运算时,JavaScript 会尝试把字符串转换为数字
  16. 示例 代码 章节 | 被字符串除的数不再是数
  17. 示例 代码 章节 | 数字除以数字字符串为数字
  18. 示例 代码 章节 | 全局 JavaScript 函数 isNaN() 判断值是否为数字
  19. 示例 代码 章节 | 在数学运算中使用 NaN 会始终返回 NaN
  20. 示例 代码 章节 | 在数学字符串运算中使用 NaN 将连接 NaN
  21. 示例 代码 章节 | NaN的类型是数字(没错!typeof NaN返回number)在数学字符串运算中使用NaN将连接 NaN
  22. 示例 代码 章节 | 如果计算出最大可能数字之外的数字,则返回无穷大(Infinity)
  23. 示例 代码 章节 | 被零除会生成 Infinity
  24. 示例 代码 章节 | Infinity 也是数(typeof Infinity 返回 number)
  25. 示例 代码 章节 | 前缀为 0x 的常量会被解释为十六进制
  26. 示例 代码 章节 | toString() 方法能够以十六进制、八进制或二进制输出数
  27. 示例 代码 章节 | 数字可以是对象
  28. 示例 代码 章节 | 数字和对象无法安全地比较
  29. 示例 代码 章节 | 对象和对象无法安全地比较

17.1 JavaScript 数字方法

  1. 示例 代码 章节 | toString() 方法将数字转换为字符串
  2. 示例 代码 章节 | valueOf() 方法以数字返回数字
  3. 示例 代码 章节 | toExponential() 返回一个带指数表示法的数字
  4. 示例 代码 章节 | toFixed() 方法将数字四舍五入为指定位的数字
  5. 示例 代码 章节 | toPrecision() 返回指定长度的数字
  6. 示例 代码 章节 | 全局方法 Number() 将变量转换为数字
  7. 示例 代码 章节 | 全局方法 Number() 甚至可以将日期转换为数字
  8. 示例 代码 章节 | 全局方法 parseInt() 将字符串转换为数字
  9. 示例 代码 章节 | 全局方法 parseFloat() 将字符串转换为数字
  10. 示例 代码 章节 | MAX_VALUE 返回 JavaScript 中可能的最大数字
  11. 示例 代码 章节 | MIN_VALUE 返回 JavaScript 中可能的最小数字
  12. 示例 代码 章节 | POSITIVE_INFINITY 表示无穷大
  13. 示例 代码 章节 | 溢出时返回 POSITIVE_INFINITY
  14. 示例 代码 章节 | NEGATIVE_INFINITY 表示负无穷大
  15. 示例 代码 章节 | 溢出时返回 NEGATIVE_INFINITY
  16. 示例 代码 章节 | NaN 代表“非数字”
  17. 示例 代码 章节 | 对字符串执行的算术将导致 NaN
  18. 示例 代码 章节 | 对变量使用数字属性将返回 undefined

18.1 JavaScript 数学

  1. 示例 代码 章节 | Math.PI 返回 PI 的值
  2. 示例 代码 章节 | Math.round(x) 返回 x 的 取整值(舍入值)
  3. 示例 代码 章节 | Math.pow(x, y) 返回 x 的 y 次方
  4. 示例 代码 章节 | Math.sqrt(x) 返回 x 的平方
  5. 示例 代码 章节 | Math.abs(x) 返回 x 的绝对值
  6. 示例 代码 章节 | Math.ceil(x) 返回 x 的向上舍入值
  7. 示例 代码 章节 | Math.floor(x) 返回 x 的向下舍入值
  8. 示例 代码 章节 | Math.sin(x) 返回角度 x(以弧度计)的正弦
  9. 示例 代码 章节 | Math.cos(x) 返回角度 x(以弧度计)的余弦
  10. 示例 代码 章节 | Math.max() 返回参数列表中的最高值
  11. 示例 代码 章节 | Math.min() 返回参数列表中的最低值
  12. 示例 代码 章节 | 把摄氏度转换为华氏度

19.1 JavaScript 随机

  1. 示例 代码 章节 | Math.random() 返回介于 0(包括)与 1(不包括)之间的随机整数
  2. 示例 代码 章节 | 如何返回介于 0 与 9 之间(都包括)的随机整数
  3. 示例 代码 章节 | 如何返回介于 0 与 10 之间(都包括)的随机整数
  4. 示例 代码 章节 | 如何返回介于 0 与 99 之间(都包括)的随机整数
  5. 示例 代码 章节 | 如何返回介于 0 与 100 之间(都包括)的随机整数
  6. 示例 代码 章节 | 如何返回介于 1 与 100 之间(都包括)的随机整数
  7. 示例 代码 章节 | 如何返回介于 x(包括)与 y(不包括)之间的随机整数
  8. 示例 代码 章节 | 如何返回介于 x 与 y 之间(都包括)的随机整数

20.1 JavaScript 日期

  1. 示例 代码 章节 | 使用 Date() 来显示今天的日期和时间
  2. 示例 代码 章节 | 使用 getFullYear() 显示年份
  3. 示例 代码 章节 | 使用 getTime() 计算 1970 年至今的毫秒数
  4. 示例 代码 章节 | 使用 toUTCString() 把今天的日期(根据 UTC)转换为字符串
  5. 示例 代码 章节 | 使用 getDay() 以数字显示星期名
  6. 示例 代码 章节 | 使用 getDay() 以及一个数组以名称显示星期名
  7. 示例 代码 章节 | 显示时钟

21.1 JavaScript 数组

  1. 示例 代码 章节 | 创建数组 1
  2. 示例 代码 章节 | 创建数组 2
  3. 示例 代码 章节 | 访问数组元素
  4. 示例 代码 章节 | 更改数组元素
  5. 示例 代码 章节 | 访问整个数组
  6. 示例 代码 章节 | 确定数组的长度
  7. 示例 代码 章节 | 遍历数组
  8. 示例 代码 章节 | 向数组添加元素
  9. 示例 代码 章节 | 将未定义的“孔”添加到数组中
  10. 示例 代码 章节 | 如何识别数组 1
  11. 示例 代码 章节 | 如何识别数组 2

21.1 JavaScript 数组方法

  1. 示例 代码 章节 | 向数组添加元素
  2. 示例 代码 章节 | 删除数组中最后一个元素 - pop()
  3. 示例 代码 章节 | 将数组的所有元素连接成一个字符串 - join()
  4. 示例 代码 章节 | 连接两个数组 - concat()
  5. 示例 代码
    章节 | 连接三个数组 - concat()
  6. 示例 代码 章节 | 将一个元素添加到数组中的位置 2 - splice()
  7. 示例 代码 章节 | 把数组转换为字符串 - toString()
  8. 示例 代码 章节 | 把新元素添加到数组的开头 - unshift()
  9. 示例 代码 章节 | 删除数组中的第一个元素 - shift()
  10. 示例 代码 章节 | 选取数组中的元素 - slice()

22.1 JavaScript 数组排序-

  1. 示例 代码 章节 | 按升序对数组排序
  2. 示例 代码 章节 | 按降序对数组排序
  3. 示例 代码 章节 | 按升序排列数字
  4. 示例 代码 章节 | 按降序排列数字
  5. 示例 代码 章节 | 排序数字(按字母顺序或数字顺序)
  6. 示例 代码 章节 | 按随机顺序排序数组中的数字
  7. 示例 代码 章节 | 确定数组中最小的数
  8. 示例 代码 章节 | 确定数组中最大的数
  9. 示例 代码 章节 | 使用 Math.min() 确定数组中最小的数
  10. 示例 代码 章节 | 使用 Math.max() 确定数组中最大的数
  11. 示例 代码 章节 | 使用“自制的” myArrayMin 方法
  12. 示例 代码 章节 | 使用“自制的” myArrayMax 方法
  13. 示例 代码 章节 | 按数字属性排序对象
  14. 示例 代码 章节 | 按字符串属性排序对象

23.1 JavaScript 数组迭代

  1. 示例 代码 章节 | Array.forEach()
  2. 示例 代码 章节 | Array.map()
  3. 示例 代码 章节 | Array.filter()
  4. 示例 代码 章节 | Array.reduce()
  5. 示例 代码 章节 | Array.reduceRight()
  6. 示例 代码 章节 | Array.every()
  7. 示例 代码 章节 | Array.some()
  8. 示例 代码 章节 | Array.indexOf()
  9. 示例 代码 章节 | Array.lastIndexOf()
  10. 示例 代码 章节 | Array.find()
  11. 示例 代码 章节 | Array.findIndex()

24.1 JavaScript 类型转换

  1. 示例 代码 章节 | 显示所有变量的类型
  2. 示例 代码 章节 | 显示所有变量类型的构造器
  3. 示例 代码 章节 | 使用 String() 把数转换为字符串
  4. 示例 代码 章节 | 使用 toString() 把数转换为字符串
  5. 示例 代码 章节 | 确认变量是否是数组
  6. 示例 代码 章节 | 确认变量是否是日期

25.1 JavaScript 布尔

  1. 示例 代码 章节 | 显示 Boolean(10 > 9) 的值
  2. 示例 代码 章节 | 显示 10 > 9 的值
  3. 示例 代码 章节 | 拥有真正值的一切均为 true
  4. 示例 代码 章节 | 零的布尔值是 false
  5. 示例 代码 章节 | 减零(minus zero)的布尔值是 false
  6. 示例 代码 章节 | 空字符串的布尔值是 false
  7. 示例 代码 章节 | undefined 的布尔值是 false
  8. 示例 代码 章节 | null 的布尔值是 false
  9. 示例 代码 章节 | false 的布尔值是 false
  10. 示例 代码 章节 | NaN 的布尔值是 false

26.1 JavaScript 比较

  1. 示例 代码 章节 | 把 5 赋值给 x,然后显示 (x == 8) 的值
  2. 示例 代码 章节 | 把 5 赋值给 x,然后显示 (x == 5) 的值
  3. 示例 代码 章节 | 把 5 赋值给 x,然后显示 (x === 5) 的值
  4. 示例 代码 章节 | 把 5 赋值给 x,然后显示 (x === "5") 的值
  5. 示例 代码 章节 | 把 5 赋值给 x,然后显示 (x != 8) 的值
  6. 示例 代码 章节 | 把 5 赋值给 x,然后显示 (x !== 5) 的值
  7. 示例 代码 章节 | 把 5 赋值给 x,然后显示 (x !== "5") 的值
  8. 示例 代码 章节 | 把 5 赋值给 x,然后显示 (x > 8) 的值
  9. 示例 代码 章节 | 把 5 赋值给 x,然后显示 (x < 8) 的值
  10. 示例 代码 章节 | 把 5 赋值给 x,然后显示 (x >= 8) 的值
  11. 示例 代码 章节 | 把 5 赋值给 x,然后显示 (x <= 8) 的值

27.1 JavaScript 条件

  1. 示例 代码 章节 | if 语句
  2. 示例 代码 章节 | else 语句
  3. 示例 代码 章节 | else if 语句
  4. 示例 代码 章节 | 随机链接
  5. 示例 代码 章节 | Switch 语句

28.1 JavaScript 循环

  1. 示例 代码 章节 | for 循环
  2. 示例 代码 章节 | 遍历 HTML 标题
  3. 示例 代码 章节 | while 循环
  4. 示例 代码 章节 | do while 循环
  5. 示例 代码 章节 | 打破循环
  6. 示例 代码 章节 | 打破并继续循环
  7. 示例 代码 章节 | 使用 for...in 语句遍历对象中的元素

29.1 JavaScript 错误处理

  1. 示例 [代码](https://github.com/l ogicwang/JS/blob/main/js/264.html) 章节 | try...catch 语句
  2. 示例 代码 章节 | 弹出提示框的 try...catch 语句
  3. 示例 代码 章节 | onerror 事件

30.1 JavaScript 正则表达式

  1. 示例 代码 章节 | 在字符串中检索表达式
  2. 示例 代码 章节 | 检索表达式然后替换它

31.1 JavaScript 对象

  1. 示例 代码 章节 | 创建 JavaScript 变量
  2. 示例 代码 章节 | 创建 JavaScript 对象
  3. 示例 代码 章节 | 创建 JavaScript 对象(单行)
  4. 示例 代码 章节 | 创建 JavaScript 对象(多行)
  5. 示例 代码 章节 | 使用 new 创建 JavaScript 对象
  6. 示例 代码 章节 | 使用构造器创建 JavaScript 对象
  7. 示例 代码 章节 | 创建内置的 JavaScript 对象
  8. 示例 代码 章节 | 创建 JavaScript 变量的最佳方式
  9. 示例 代码 章节 | JavaScript 对象是易变的

32.1 JavaScript 对象属性

  1. 示例 代码 章节 | 使用 .property 访问属性
  2. 示例 代码 章节 | 使用 [property] 访问属性
  3. 示例 代码 章节 | 使用 for in 访问属性
  4. 示例 代码 章节 | 向已有对象添加新属性
  5. 示例 代码 章节 | 从对象中删除属性

33.1 JSON 对象

  1. 示例 代码 章节 | 使用 .property 访问属性
  2. 示例 代码 章节 | 使用 [property] 访问属性
  3. 示例 代码 章节 | 遍历属性
  4. 示例 代码 章节 | 遍历属性值
  5. 示例 代码 章节 | 访问嵌套的 JSON 对象
  6. 示例 代码 章节 | 使用点号表示法修改值
  7. 示例 代码 章节 | 删除对象属性

34.1 JSON 数组

  1. 示例 代码 章节 | 访问数组值
  2. 示例 代码 章节 | 使用 for-in 循环遍历数组
  3. 示例 代码 章节 | 使用 for 循环遍历数组
  4. 示例 代码 章节 | 访问嵌套的 JSON 数组
  5. 示例 代码 章节 | 修改数组值
  6. 示例 代码 章节 | 删除数组项目

34.1 JSON 数组

  1. 示例 代码 章节 | 使用 JSON 解析
  2. 示例 代码 章节 | 在 AJAX 实例中使用 JSON 解析
  3. 示例 代码 章节 | 对数组使用 JSON 解析
  4. 示例 代码 章节 | 解析日期
  5. 示例 代码 章节 | 使用 reviver 函数解析日期
  6. 示例 代码 章节 | 解析函数

35.1 JSON Stringify

  1. 示例 代码 章节 | 使用 JSON 字符串化
  2. 示例 代码 章节 | 对数组使用 JSON 字符串化
  3. 示例 代码 章节 | 对日期字符串化
  4. 示例 代码 章节 | 对函数字符串化
  5. 示例 代码 章节 | 使用 toString() 方法对日期进行字符串化

36.1 JSON PHP

  1. 示例 代码 章节 | 从 php 文件获取 JSON
  2. 示例 代码 章节 | 从 php 文件获取 JSON 数组
  3. 示例 代码 章节 | 从数据库获取 JSON
  4. 示例 代码 章节 | 遍历来自数据库的结果
  5. 示例 代码 章节 | 使用 POST 方法发送 JSON

37.1 JSON HTML

  1. 示例 代码 章节 | 生成基于 JSON 数据的 HTML 表格
  2. 示例 代码 章节 | 生成动态 HTML 表格
  3. 示例 代码 章节 | 生成基于 JSON 数据的 HTML 下拉列表

38.1 JSON JSONP

  1. 示例 代码 章节 | 简单的 JSONP 实例
  2. 示例 代码 章节 | 创建动态脚本标签
  3. 示例 代码 章节 | 带动态结果的 JSONP 实例
  4. 示例 代码 章节 | 带回调函数的 JSONP 实例

About

JavaScript基础实例学习

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •