菜单
×
我的 W3Schools 获取证书 空间 面向教师 Plus 获取证书 空间 面向教师 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 数组 Const JS 日期 JS 日期格式 JS 日期获取方法 JS 日期设置方法 JS Math JS Random JS 布尔值 JS 比较 JS If Else JS Switch JS For 循环 JS For In 循环 JS For Of 循环 JS While 循环 JS Break JS Iterables JS Sets JS Set 方法 JS Maps JS Map 方法 JS Typeof JS 类型转换 JS 解构 JS 位运算 JS RegExp 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 对象

对象定义 对象原型 对象方法 对象属性 对象 Get / Set 对象保护

JS 函数

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

JS 类

类入门 类继承 类静态

JS 异步

JS 回调 JS 异步 JS Promises JS Async/Await

JS HTML DOM

DOM 入门 DOM 方法 DOM Document DOM 元素 DOM HTML DOM 表单 DOM CSS DOM 动画 DOM 事件 DOM 事件监听器 DOM 导航 DOM 节点 DOM 集合 DOM 节点列表

JS Browser BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Web APIs

Web API 入门 Web 表单 API Web History API Web Storage API Web Worker API Web Fetch API Web Geolocation API

JS AJAX

AJAX 入门 AJAX XMLHttp AJAX Request AJAX Response AJAX XML 文件 AJAX PHP AJAX ASP AJAX 数据库 AJAX 应用 AJAX 示例

JS JSON

JSON 入门 JSON 语法 JSON vs XML JSON 数据类型 JSON 解析 JSON Stringify JSON 对象 JSON 数组 JSON 服务器 JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery 选择器 jQuery HTML jQuery CSS jQuery DOM

JS Graphics

JS Graphics 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 Bootcamp 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 Data Types

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

数据类型解释

JavaScript 对象

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

对象解释

JavaScript 函数

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

函数解释

JavaScript 事件

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

事件解释

JavaScript 字符串

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

字符串解释

JavaScript 数字

数字可以带小数点或不带小数点 非常大或非常小的数字可以用指数表示法表示 数字最多只精确到 15 位 浮点数算术不总是 100% 准确 但乘以 10 和除以 10 有帮助 两个数字相加得到一个新的数字 两个数字字符串相加得到一个连接的字符串 数字和数字字符串相加也得到一个连接的字符串 数字字符串和数字相加也得到一个连接的字符串 相加字符串和数字时的常见错误 1 相加字符串和数字时的常见错误 2 JavaScript 会尝试将字符串转换为数字进行除法 JavaScript 会尝试将字符串转换为数字进行乘法 JavaScript 会尝试将字符串转换为数字进行减法 JavaScript 不会尝试将字符串转换为数字进行加法 数字除以字符串是 NaN（非数字） 数字除以数字字符串是数字 全局 JavaScript 函数 isNaN() 返回一个值是否为数字 在数学运算中使用 NaN 总是返回 NaN 在数学字符串运算中使用 NaN 会连接 NaN NaN（非数字）是数字（是的！typeof NaN 返回 number） 如果计算的数字超出最大可能数字，则返回 Infinity 除以零也会生成 Infinity Infinity 是一个数字（typeof Infinity 返回 number） 以 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 的正弦值（x 以弧度为单位） Math.cos(x) 返回角度 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 访问数组元素 更改数组元素 访问整个数组 查找数组长度 遍历数组 向数组添加元素 向数组添加未定义的“空洞” 如何识别数组 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 显示所有变量类型的 constructor 使用 String() 将数字转换为字符串 使用 toString() 将数字转换为字符串 判断变量是否为数组 判断变量是否为日期

类型转换解释

JavaScript Booleans

显示 Boolean(10 > 9) 的值 显示 10 > 9 的值 有真实值的都是 true 零的布尔值为 false 负零的布尔值为 false 空字符串的布尔值为 false undefined 的布尔值为 false null 的布尔值为 false false 的布尔值为 false NaN 的布尔值为 false

布尔值解释

JavaScript 比较

将 x 赋值为 5，并显示 (x == 8) 的值 将 x 赋值为 5，并显示 (x == 5) 的值 将 x 赋值为 5，并显示 (x === 5) 的值 将 x 赋值为 5，并显示 (x === "5") 的值 将 x 赋值为 5，并显示 (x != 8) 的值 将 x 赋值为 5，并显示 (x !== 5) 的值 将 x 赋值为 5，并显示 (x !== "5") 的值 将 x 赋值为 5，并显示 (x > 8) 的值 将 x 赋值为 5，并显示 (x < 8) 的值 将 x 赋值为 5，并显示 (x >= 8) 的值 将 x 赋值为 5，并显示 (x <= 8) 的值

比较解释

JavaScript 条件语句

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

条件语句解释

JavaScript 循环

For 循环 循环数组 循环 HTML 标题 While 循环 Do While 循环 跳出循环 中断和继续循环 使用 for...in 语句循环对象元素

循环解释

JavaScript 错误处理

try...catch 语句 try...catch 语句与 confirm 框 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 parse 在 AJAX 示例中使用 JSON parse 对数组使用 JSON parse 解析日期 使用 reviver 函数解析日期 解析函数

JSON 解析解释

JSON Stringify

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

JSON Stringify 详解

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
空格
获取证书
面向教师
面向企业
联系我们
×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业，请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误，或想提出建议，请发送电子邮件给我们
help@w3schools.com

热门教程
HTML 教程
CSS 教程
JavaScript 教程
操作方法教程
SQL 教程
Python 教程
W3.CSS 教程
Bootstrap 教程
PHP 教程
Java 教程
C++ 教程
jQuery 教程
热门参考
HTML 参考
CSS 参考
JavaScript 参考
SQL 参考
Python 参考
W3.CSS 参考
Bootstrap 参考
PHP 参考
HTML 颜色
Java 参考
Angular 参考
jQuery 参考
热门示例
HTML 示例
CSS 示例
JavaScript 示例
操作方法示例
SQL 示例
Python 示例
W3.CSS 示例
Bootstrap 示例
PHP 示例
Java 示例
XML 示例
jQuery 示例
获取证书
 HTML 证书
CSS 证书
JavaScript 证书
前端证书
SQL 证书
Python 证书
PHP 证书
jQuery 证书
Java 证书
C++ 证书
C# 证书
XML 证书
论坛 关于 学院
W3Schools 经过优化，旨在方便学习和培训。示例可能经过简化，以提高阅读和学习体验。
教程、参考资料和示例会不断审查，以避免错误，但我们无法保证所有内容的完全正确性。
使用 W3Schools 即表示您已阅读并接受我们的使用条款、Cookie 和隐私政策。

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持。