导航
×
CSS 教程 JAVASCRIPT 教程 PHP 教程 HTML 教程 测验
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

JS 教程

JS 简介 JS 如何使用 JS 输出 JS 语法 JS 语句 JS 注释 JS 变量
JS 变量 JS Let JS Const JS 类型
JS 运算符
JS 运算符 JS 算术运算符 JS 赋值运算符 JS 比较运算符
JS 条件语句
JS 条件语句 JS If 语句 JS If Else 语句 JS 三元运算符 JS Switch 语句 JS 布尔语句 JS 逻辑语句
JS 循环
JS 循环 JS for 循环 JS while 循环 JS Break JS Continue
JS 字符串
JS 字符串 JS 字符串模板 JS 字符串方法 JS 字符串搜索 JS 字符串参考
JS 数字
JS 数字 JS 数字方法 JS 数字属性 JS 数字参考 JS BigInt JS Bitwise
JS 函数 JS 对象 JS 日期
JS 日期 JS 日期格式 JS 获取日期 JS 设置日期 JS 日期参考
JS 数组
JS 数组 JS 数组方法 JS 数组搜索 JS 数组排序 JS 数组迭代 JS 数组参考 JS 数组常量
JS 类型化数组
JS 类型化数组 JS 类型化方法 JS 类型化参考
JS 集合
JS 集合 JS 集合方法 JS 集合逻辑 JS 弱集合 JS 集合参考
JS Map 映射
JS 映射 JS 映射方法 JS WeakMap JS 映射参考
JS Math
JS 数学 JS 数学参考 JS 随机数
JS 正则表达式
JS 正则表达式 JS 正则表达式标志 JS 正则表达式类 JS 正则表达式元字符 JS 正则表达式断言 JS 正则表达式量词 JS 正则表达式模式 JS 正则表达式对象 JS 正则表达式方法
JS 数据类型
JS 数据类型 JS typeof JS toString() JS 类型转换
JS 错误
JS 错误简介 JS 静默错误 JS Error 错误语句 JS Error 错误对象 JS 调试
JS 事件 JS 编程
JS 控制流 JS 作用域 JS 提升 JS 严格模式 JS 代码块 JS 风格指南 JS 最佳实践 JS 错误 JS 性能优化
JS 关键字参考 JS 保留关键字参考 JS 运算符参考 JS 运算符优先级 JS UTF-8 字符 JS UTF-8 符号 JS UTF-8 表情符号 JS 版本
JS 版本 JS 2025 JS 2024 JS 2023 JS 2022 JS 2021 JS 2020 JS 2019 JS 2018 JS 2017 JS 2016 JS 2015 (ES6) JS 2009 (ES5) JS IE / Edge JS 历史

JS 高级教程

JS 对象
Object 对象定义 Object 对象属性 Object 对象方法 Object 对象显示 Object 对象构造函数 Object this Object 对象解构 Object 对象原型 Object 对象获取/设置 Object 对象保护 Object 对象参考 Object 对象迭代 Object 对象属性
JS 函数
JS 函数定义 JS 箭头函数 JS 函数参数 JS 函数调用 JS 函数中的 this JS call() 函数 JS Apply() 函数 JS bind() 函数 JS 函数闭包
JS 类
JS 类 JS 类继承 JS 静态类
JS 迭代
JS 可迭代对象 JS 迭代器 JS 生成器 JS 循环
JS Promises
JS 回调 JS 异步 JS Promises JS Async/Await
JS 模块 JS HTML DOM
DOM 简介 DOM 方法 DOM 文档 DOM 元素 DOM HTML DOM 表单 DOM CSS DOM 动画 DOM 事件 DOM 事件监听器 DOM 导航 DOM 节点 DOM 集合 DOM 节点列表
JS Windows
JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies
JS Web API
Web API 简介 Web Validation API Web History API Web Storage API Web Worker API Web Fetch API Web Geolocation API
JS AJAX
AJAX 简介 AJAX XMLHttp AJAX XML File AJAX PHP AJAX ASP AJAX Database AJAX 应用程序 AJAX 示例 AJAX Request AJAX Response
JS JSON
JSON 简介 JSON 语法 JSON vs XML JSON 数据类型 JSON Parse JSON Stringify JSON 对象 JSON 数组 JSON 服务器 JSON PHP JSON HTML JSON JSONP
JS jQuery
jQuery Selectors jQuery HTML jQuery CSS jQuery DOM
JS 图形
JS 图形 JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS 实例

JS 实例 JS HTML DOM JS HTML 输入 JS HTML 对象 JS HTML 事件 JS Browser JS 测验

JavaScript 实例

❮ Previous Next ❯

JavaScript 能做什么?

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

实例解析

在何处插入 JavaScript

<head> 中的 JavaScript<body> 中的 JavaScript外部文件中的 JavaScript外部 url 中的 JavaScript外部文件夹中的 JavaScript

Where to Explained

JavaScript 输出

写入 HTML 输出写入 HTML 元素写入窗口提示框写入浏览器控制台

Output Explained

JavaScript 语法

JavaScript 语句JavaScript 数字JavaScript 字符串JavaScript 变量JavaScript 运算符JavaScript 赋值JavaScript 表达式(使用常量)JavaScript 表达式(使用字符串)JavaScript 表达式(使用变量)JavaScript 关键词JavaScript 注释JavaScript 对大小写敏感

Syntax Explained

JavaScript 语句

JavaScript 语句是对浏览器的命令JavaScript 代码是一系列语句JavaScript 语句由分号分隔一行允许多条语句JavaScript 语句可以在代码块中组合在一起您可以在运算符或逗号之后对代码折行。

Statements Explained

JavaScript 注释

单行注释行末的单行注释多行注释阻止执行的单行注释阻止执行的多行注释

Comments Explained

JavaScript 变量

JavaScript 变量作为代数的 JavaScript 变量JavaScript 数字和字符串JavaScript var 关键词在一条语句中声明多个变量多行声明多个变量没有值的变量返回值 undefined重新声明变量不会破坏值JavaScript 数字相加JavaScript 字符串相加字符串和数字相加加

Variables Explained

JavaScript 算术

加 (+) 运算符减 (-) 运算符乘 (*) 运算符除 (/) 运算符取模 (%) 运算符递增 (++) 运算符递减 (--) 运算符

Arithmetic Explained

JavaScript 赋值

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

Assignment Explained

JavaScript 字符串级联

使用级联运算符 (+) 将两个字符串相加对两个字符串相加，第一个字符串中包含空格对两个字符串相加，字符串之间有空格使用 += 运算符对两个字符串相加对字符串和数字相加

Concatenation Explained

JavaScript 数据类型

声明(创建)字符串声明(创建)数字声明(创建)数组声明(创建)对象确定变量的类型对两个数字和一个字符串相加对一个字符串和两个数字相加一个未定义变量一个空变量

Data types Explained

JavaScript 对象

创建 JavaScript 变量创建 JavaScript 对象创建 person 对象(单行)创建 person 对象(多行)使用 .property 访问对象属性使用 [property] 访问对象属性以方法访问函数属性以属性访问函数属性

Objects Explained

JavaScript 函数

一个简单的函数带一个参数的函数带一个参数的函数 2返回一个值的函数把华氏度转换为摄氏度的函数没有 () 的函数

Functions Explained

JavaScript 事件

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

Events Explained

JavaScript 字符串

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

Strings Explained

JavaScript 数字

带或不带小数点都可以写数值可以使用指数计数法编写极大或极小的数数字会被精确到 15 位浮点算术不总是 100% 精确但是可以通过乘并除以 10 解决此问题两数相加会产生新数两个数字字符串相加会产生连接的字符串数字和数字字符串相加也会产生连接的字符串数字字符串和数字相加也会产生连接的字符串字符串和数字相加的常见错误 1字符串和数字相加的常见错误 2在除法运算时，JavaScript 会尝试把字符串转换为数字在乘法运算时，JavaScript 会尝试把字符串转换为数字在减法运算时，JavaScript 会尝试把字符串转换为数字在加法运算时，JavaScript 不会把字符串转换为数字被字符串除的数不再是数数字除以数字字符串为数字全局 JavaScript 函数 isNaN() 判断值是否为数字在数学运算中使用 NaN 会始终返回 NaN在数学字符串运算中使用 NaN 将连接 NaNNaN 的类型是数字(没错!typeof NaN 返回 number)如果计算出最大可能数字之外的数字，则返回无穷大(Infinity)被零除会生成 InfinityInfinity 也是数(typeof Infinity 返回 number)前缀为 0x 的常量会被解释为十六进制toString() 方法能够以十六进制、八进制或二进制输出数数字可以是对象数字和对象无法安全地比较对象和对象无法安全地比较

Numbers Explained

JavaScript 数字方法

toString() 方法将数字转换为字符串valueOf() 方法以数字返回数字toExponential() 返回一个带指数表示法的数字toFixed() 方法将数字四舍五入为指定位的数字toPrecision() 返回指定长度的数字全局方法 Number() 将变量转换为数字全局方法 Number() 甚至可以将日期转换为数字全局方法 parseInt() 将字符串转换为数字全局方法 parseFloat() 将字符串转换为数字MAX_VALUE 返回 JavaScript 中可能的最大数字MIN_VALUE 返回 JavaScript 中可能的最小数字POSITIVE_INFINITY 表示无穷大溢出时返回 POSITIVE_INFINITYNEGATIVE_INFINITY 表示负无穷大溢出时返回 NEGATIVE_INFINITYNaN 代表"非数字"对字符串执行的算术将导致 NaN对变量使用数字属性将返回 undefined

Numbers Methods Explained

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() 返回参数列表中的最低值把摄氏度转换为华氏度

Maths Explained

JavaScript 随机

Math.random() 返回介于 0(包括)与 1(不包括)之间的随机整数如何返回介于 0 与 9 之间(都包括)的随机整数如何返回介于 0 与 10 之间(都包括)的随机整数如何返回介于 0 与 99 之间(都包括)的随机整数如何返回介于 0 与 100 之间(都包括)的随机整数如何返回介于 1 与 10 之间(都包括)的随机整数如何返回介于 1 与 100 之间(都包括)的随机整数如何返回介于 x(包括)与 y(不包括)之间的随机整数如何返回介于 x 与 y 之间(都包括)的随机整数

Random Explained

JavaScript 日期

使用 Date() 来显示今天的日期和时间使用 getFullYear() 显示年份使用 getTime() 计算 1970 年至今的毫秒数使用 setFullYear() 设置一个具体的日期使用 toUTCString() 把今天的日期(根据 UTC)转换为字符串使用 getDay() 以数字显示星期名使用 getDay() 以及一个数组以名称显示星期名显示时钟

Dates Explained

JavaScript 数组

创建数组 1创建数组 2访问数组元素更改数组元素访问整个数组确定数组的长度遍历数组向数组添加元素将未定义的"孔"添加到数组中如何识别数组 1如何识别数组 2

Arrays Explained

JavaScript 数组方法

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

Array Methods Explained

JavaScript 数组排序

按升序对数组排序按降序对数组排序按升序排列数字按降序排列数字排序数字(按字母顺序或数字顺序)按随机顺序排序数组中的数字确定数组中最小的数确定数组中最大的数使用 Math.min() 确定数组中最小的数使用 Math.max() 确定数组中最大的数使用"自制的" myArrayMin 方法使用"自制的" myArrayMax 方法按数字属性排序对象按字符串属性排序对象

Array Sort Explained

JavaScript 数组迭代

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

Array Iteration Explained

JavaScript 类型转换

显示所有变量的类型显示所有变量类型的构造器使用 String() 把数转换为字符串使用 toString() 把数转换为字符串确认变量是否是数组确认变量是否是日期

Type Conversion Explained

JavaScript 布尔

显示 Boolean(10 > 9) 的值显示 10 > 9 的值拥有真正值的一切均为 true零的布尔值是 false减零(minus zero)的布尔值是 false空字符串的布尔值是 falseundefined 的布尔值是 falsenull 的布尔值是 falsefalse 的布尔值是 falseNaN 的布尔值是 false

Booleans Explained

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) 的值

Comparisons Explained

JavaScript 条件

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

Conditionals Explained

JavaScript 循环

for 循环遍历数组遍历 HTML 标题while 循环do while 循环打破循环打破并继续循环使用 for...in 语句遍历对象中的元素

Loops Explained

JavaScript 错误处理

try...catch 语句弹出提示框的 try...catch 语句onerror 事件

Errors Explained

JavaScript 正则表达式

在字符串中检索表达式检索表达式然后替换它

Regular Expressions Explained

JavaScript 对象

创建 JavaScript 变量创建 JavaScript 对象创建 JavaScript 对象(单行)创建 JavaScript 对象(多行)使用 new 创建 JavaScript 对象使用构造器创建 JavaScript 对象创建内置的 JavaScript 对象创建 JavaScript 变量的最佳方式JavaScript 对象是易变的

Objects Explained

JavaScript 对象属性

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

Object Properties Explained

JSON 对象

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

JSON Object Properties Explained

JSON 数组

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

JSON Arrays Explained

JSON 解析

使用 JSON 解析在 AJAX 实例中使用 JSON 解析对数组使用 JSON 解析解析日期使用 reviver 函数解析日期解析函数

JSON Parse Explained

JSON Stringify

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

JSON Stringify Explained

JSON PHP

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

JSON PHP Explained

JSON HTML

生成基于 JSON 数据的 HTML 表格生成动态 HTML 表格生成基于 JSON 数据的 HTML 下拉列表

JSON HTML Explained

JSON JSONP

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

JSON JSONP Explained

❮ 上一节 下一节 ❯
关于我们
免责声明
隐私条款
学习路线
关于我们
免责声明
Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试，不保证内容的正确性。