Menu
×
My W3Schools Get Certified Spaces For Teachers Plus Get Certified Spaces For Teachers Plus
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

JS 教程

JS 主页 JS 简介 JS 使用场景 JS 输出 JS 语句 JS 语法 JS 注释 JS 变量 JS Let JS Const JS 运算符 JS 算术运算 JS 赋值 JS 数据类型 JS 函数 JS 对象 JS 对象属性 JS 对象方法 JS 对象显示 JS 对象构造函数 JS 事件 JS 字符串 JS 字符串方法 JS 字符串搜索 JS 字符串模板 JS 数字 JS BigInt JS 数字方法 JS 数字属性 JS 数组 JS 数组方法 JS 数组搜索 JS 数组排序 JS 数组迭代 JS 数组常量 JS 日期 JS 日期格式 JS 日期获取方法 JS 日期设置方法 JS 数学 JS 随机数 JS 布尔值 JS 比较 JS if else JS switch JS for 循环 JS for in 循环 JS for of 循环 JS while 循环 JS break JS 可迭代对象 JS 集合 JS 集合方法 JS 映射 JS 映射方法 JS typeof JS 类型转换 JS 解构 JS 位运算 JS 正则表达式 JS 运算符优先级 JS 错误 JS 作用域 JS 提升 JS 严格模式 JS this 关键字 JS 箭头函数 JS 类 JS 模块 JS JSON JS 调试 JS 样式指南 JS 最佳实践 JS 常见错误 JS 性能 JS 保留字

JS 版本

JS 版本 JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021 JS 2022 JS 2023 JS 2024 JS IE / Edge JS 历史

JS 对象

对象定义 对象原型 对象方法 对象属性 对象获取/设置 对象保护

JS 函数

函数定义 函数参数 函数调用 函数调用 函数 Apply 函数 Bind 函数闭包

JS 类

类简介 类继承 类静态

JS 异步

JS 回调函数 JS 异步 JS Promise JS Async/Await

JS HTML DOM

DOM 简介 DOM 方法 DOM 文档 DOM 元素 DOM HTML DOM 表单 DOM CSS DOM 动画 DOM 事件 DOM 事件监听器 DOM 导航 DOM 节点 DOM 集合 DOM 节点列表

JS 浏览器 BOM

JS 窗口 JS 屏幕 JS 位置 JS 历史记录 JS 导航器 JS 弹出警报框 JS 定时器 JS Cookie

JS Web API

Web API 简介 Web 表单 API Web 历史记录 API Web 存储 API Web Worker API Web Fetch API Web 地理位置 API

JS AJAX

AJAX 简介 AJAX XMLHttp AJAX 请求 AJAX 响应 AJAX XML 文件 AJAX PHP AJAX ASP AJAX 数据库 AJAX 应用 AJAX 示例

JS JSON

JSON 简介 JSON 语法 JSON vs XML JSON 数据类型 JSON 解析 JSON 序列化 JSON 对象 JSON 数组 JSON 服务器 JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery 选择器 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 浏览器 JS 编辑器 JS 练习 JS 测验 JS 网站 JS 面试准备 JS 集训营 JS 证书

JS 参考

JavaScript 对象 HTML DOM 对象


JavaScript 示例

❮ 上一篇 下一篇 ❯

JavaScript 能做什么？

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

示例说明

在何处插入 JavaScript

JavaScript 在 <head> 中 JavaScript 在 <body> 中 JavaScript 在外部文件中 JavaScript 在外部 URL 中 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 对象 创建一个人对象（单行） 创建一个人对象（多行） 使用 .property 访问对象属性 使用 [property] 访问对象属性 将函数属性访问为方法 将函数属性访问为属性

对象解释

JavaScript 函数

一个简单的函数 带参数的函数 带两个参数的函数 返回值的函数 将华氏度转换为摄氏度的函数 没有 () 的函数调用

函数解释

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 Infinity 是一个数字（typeof 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 代表“非数字” 对字符串执行算术运算将导致 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 的正弦值（以弧度为单位） 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 创建数组 II 访问数组元素 更改数组元素 访问整个数组 查找数组长度 遍历数组 向数组添加元素 向数组添加 undefined "空洞" 如何识别数组 I 如何识别数组 II

数组详解

JavaScript 数组方法

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

数组方法详解

JavaScript 数组排序

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

数组排序详解

JavaScript 数组迭代

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

数组迭代详解

JavaScript 类型转换

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

类型转换详解

JavaScript 布尔值

显示 Boolean(10 > 9) 的值 显示 10 > 9 的值 所有具有真实值的都是 true 零的布尔值为 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 循环 Do While 循环 退出循环 退出和继续循环 使用 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 字符串化 字符串化日期 字符串化函数 使用 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 解释


❮ 上一篇 下一篇 ❯
PLUS
SPACES
GET CERTIFIED
FOR TEACHERS
FOR BUSINESS
CONTACT US
×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial
Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference
Top Examples
HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
W3.CSS Examples
Bootstrap Examples
PHP Examples
Java Examples
XML Examples
jQuery Examples
Get Certified
 HTML Certificate
CSS Certificate
JavaScript Certificate
Front End Certificate
SQL Certificate
Python Certificate
PHP Certificate
jQuery Certificate
Java Certificate
C++ Certificate
C# Certificate
XML Certificate
FORUM ABOUT ACADEMY
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.