Learning Path
浏览 JavaScript 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
93
JavaScript 教程 JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都可以使用 JavaScript。 JavaScript 非常容易学。 本教程将教你学习从初级到高级 JavaScript 知识。 JavaScript 在线实例 本教程包含了大量的 JavaScript 实例， 您可以点击 '尝试一下' 来在线查看实例。 实例 function displayDat..
JavaScript JSON.parse() JavaScript JSON JSON.parse() 方法用于将一个 JSON 字符串转换为对象。 语法 JSON.parse(text[, reviver]) 参数说明： text:必需， 一个有效的 JSON 字符串。 reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。 返回值： 返回给定 JSON 字符串转换后的对象。 实例 &am..
JavaScript JSON.stringify() JavaScript JSON JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。 语法 JSON.stringify(value[, replacer[, space]]) 参数说明： value:必需， 要转换的 JavaScript 值（通常为对象或数组）。 replacer: 可选。用于转换结果的函数或数组。 如果..
JavaScript async/await 在讲解 async/await 之前，我们需要先理解 JavaScript 中的异步编程概念，可以参考：JavaScript 异步编程。JavaScript 是单线程语言，意味着它一次只能执行一个任务。为了避免长时间运行的任务阻塞主线程，JavaScript 使用异步编程模型。 异步 vs 同步 同步（Synchronous）编程：代码按顺序执行，前一个操作完成后才会执行下一个 异步编程..
JavaScript 异步编程 异步的概念 异步（Asynchronous, async）是与同步（Synchronous, sync）相对的概念。 在我们学习的传统单线程编程中，程序的运行是同步的（同步不意味着所有步骤同时运行，而是指步骤在一个控制流序列中按顺序执行）。而异步的概念则是不保证同步的概念，也就是说，一个异步过程的执行将不再与原有的序列有顺序关系。 简单来理解就是：同步按你的代码顺序执行，异步不按照代码顺序执行，异步的执行..
JavaScript break 和 continue 语句 break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。 break 语句 我们已经在本教程之前的章节中见到过 break 语句。它用于跳出 switch() 语句。 break 语句可用于跳出循环。 break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）： 实例 [mycode3 type='js'] f..
Chrome 浏览器中执行 JavaScript 本章节为大家介绍如何在 Chrome 浏览器上进行 JavaScript 代码的运行与调试。 Chrome 是由 Google 开发的免费网页浏览器，对于前端开发来说（尤其是调试代码）非常方便。 Chrome 官网地址：https://www.google.com/intl/zh-CN/chrome/。 我们在 Chrome 浏览器中可以通过按下 F12 按钮或者右击页面，选择'..
JavaScript 类继承 JavaScript 类继承使用 extends 关键字。 继承允许我们依据另一个类来定义一个类，这使得创建和维护一个应用程序变得更容易。 super() 方法用于调用父类的构造函数。 当创建一个类时，您不需要重新编写新的数据成员和成员函数，只需指定新建的类继承了一个已有的类的成员即可。这个已有的类称为基类（父类），新建的类称为派生类（子类）。 继承代表了 is a 关系。例如，哺乳动物是动物，狗是哺乳动..
JavaScript 类(class) 类是用于创建对象的模板。 我们使用 class 关键字来创建一个类，类体在一对大括号 {} 中，我们可以在大括号 {} 中定义类成员的位置，如方法或构造函数。 每个类中包含了一个特殊的方法 constructor()，它是类的构造函数，这种方法用于创建和初始化一个由 class 创建的对象。 创建一个类的语法格式如下： [mycode3 type='js'] class..
JavaScript 静态方法 静态方法是使用 static 关键字修饰的方法，又叫类方法，属于类的，但不属于对象，在实例化对象之前可以通过 类名.方法名 调用静态方法。 静态方法不能在对象上调用，只能在类中调用。 实例 [mycode3 type='js'] class Runoob { constructor(name) { this.name = name; } static hel..
JavaScript 注释 JavaScript 注释可用于提高代码的可读性。 JavaScript 注释 JavaScript 不会执行注释。 我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性。 单行注释以 // 开头。 本例用单行注释来解释代码： 实例 [mycode3 type='js'] // 输出标题： document.getElementById('..
JavaScript 比较 和 逻辑运算符 比较和逻辑运算符用于测试 true 或者 false。 比较运算符 比较运算符在逻辑语句中使用，以测定变量或值是否相等。..
JavaScript 代码规范 所有的 JavaScript 项目适用同一种规范。 JavaScript 代码规范 代码规范通常包括以下几个方面: 变量和函数的命名规则 空格，缩进，注释的使用规则。 其他常用规范…… 规范的代码可以更易于阅读与维护。 代码规范一般在开发前规定，可以跟你的团队成员来协商设置。 变量名 变量名推荐使用驼峰法来命名(camelCase): firstName = 'John&..
JavaScript Cookie function displayCookies() { var fname=getCookie('firstname'); if (fname==null) {fname='';} if (fname!='') {fname='firstname='+fname;} var lname=getCookie('l..
JavaScript 数据类型 值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。 引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。 注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。 Ja..
JavaScript 调试 在编写 JavaScript 时，如果没有调试工具将是一件很痛苦的事情。 JavaScript 调试 没有调试工具是很难去编写 JavaScript 程序的。 你的代码可能包含语法错误，逻辑错误，如果没有调试工具，这些错误比较难于发现。 通常，如果 JavaScript 出现错误，是不会有提示信息，这样你就无法找到代码错误的位置。 通常，你在编写一个新的 JavaScript 代码过程中都..
JavaScript 错误 - throw、try 和 catch try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。 JavaScript 错误 当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。 可能是语法错误，通常是程序员造成的编码错误或错别字。 ..
JavaScript 事件 HTML 事件是发生在 HTML 元素上的事情。 当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。 HTML 事件 HTML 事件可以是浏览器行为，也可以是用户行为。 以下是 HTML 事件的实例： HTML 页面完成加载 HTML input 字段改变时 HTML 按钮被点击 通常，当事件发生时，你可以做些事情。 在事件触发时 JavaS..
JavaScript Browser 对象 实例 使用JavaScript来访问和控制浏览器对象实例。 Window 对象 弹出一个警告框 弹出一个带折行的警告框 弹出一个确认框，并提醒访客点击的内容 弹出一个提示框 点击一个按钮时，打开一个新窗口 打开一个新窗口，并控制其外观 打开多个新窗口 确保新的窗口没有获得焦点 确保新的窗口获得焦点 关闭新窗口 检查新的窗口是否已关闭 返回新窗口的名字 传输一些文本到源（父）窗口 相对于..
JavaScript 对象 实例 使用内置 JavaScript 的对象实例。 Document 对象 使用 document.write() 输出文本 使用 document.write() 输出 HTML 返回文档中锚的数目 返回文档中第一个锚的 innerHTML 返回文档中表单的数目 返回文档中第一个表单的名字 返回文档中的图像数 返回文档中第一个图像的ID 返回文档中的链接数 返回文档中的第一个链接的ID 返回文档中的所..
JavaScript 对象 实例 使用内置的JavaScript对象实例。 String（字符串）对象 返回字符串的长度 为字符串添加样式 返回字符串中指定文本首次出现的位置 - indexOf()方法 查找字符串中特定的字符，若找到，则返回该字符 - match() 方法 替换字符串中的字符 - replace() 更多的字符串对象的例子，在我们的JavaScript String 对象参考手册。 Date（日期）对象 使..
基础 JavaScript 实例 用JavaScript输出文本 用JavaScript改变HTML元素 一个外部JavaScript 实例解析 JavaScript 语句、注释和代码块 JavaScript 语句 JavaScript 代码块 JavaScript 单行注释 JavaScript 多行注释 使用单行注释来防止执行 使用多行注释来防止执行 实例解析 JavaScript 变量 声明一个变量，为它赋值，然后显示..
JavaScript 表单验证 表单验证是确保用户输入的数据符合预期格式和规则的过程。在 Web 开发中，表单验证通常用于检查用户输入的有效性，例如电子邮件地址、密码、电话号码等。通过表单验证，可以防止无效数据提交到服务器，从而提高数据的准确性和安全性。 JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 表单数据经常需要使用 JavaScript 来验证其..
JavaScript 闭包 JavaScript 变量可以是局部变量或全局变量。 私有变量可以用到闭包。 全局变量 函数可以访问由函数内部定义的变量，如： 实例 [mycode3 type='js'] function myFunction() { var a = 4; return a * a; } [/mycode3] 尝试一下 » 函数也可以访问函数外部定义的变量，如： 实..