Learning Path

JavaScript tutorials

Browse tutorials and chapters for JavaScript.

Frontend

HTML, CSS, JavaScript, browser APIs, frontend frameworks, and UI engineering.

Tutorials

TUTORIALFrontendFetched/JavaScript

JavaScript 语法

JavaScript 语法 JavaScript 是一个程序语言。语法规则定义了语言结构。 JavaScript 语法 JavaScript 是一个脚本语言。它是一个轻量级，但功能强大的编程语言。 JavaScript 字面量在编程语言中，一般固定值称为字面量，如 3.14。数字（Number）字面量可以是整数或者是小数，或者是科学计数(e)。 3.14 1001 123e5 尝试一下 » 字符串（Stri..

TUTORIALFrontendFetched/JavaScript

JavaScript this 关键字

JavaScript this 关键字面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。在方法中，this 表示该方法所属的对象。如果单独使用，this 表示全局对象。在函数中，this 表示全局对象。在函数中，在严格模式下，this 是未定义的(undefined)。在事件中，this 表示接收事件的元素。类似 call() 和..

TUTORIALFrontendFetched/JavaScript

JavaScript 计时事件

var H='....'; var H=H.split(''); var M='.....'; var M=M.split(''); var S='......'; var S=S.split(''); var Ypos=0; var Xpos=0; var Ybase=8; var Xbase=8; var dots..

TUTORIALFrontendFetched/JavaScript

JavaScript 教程

JavaScript 教程 JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都可以使用 JavaScript。 JavaScript 非常容易学。本教程将教你学习从初级到高级 JavaScript 知识。 JavaScript 在线实例本教程包含了大量的 JavaScript 实例，您可以点击 '尝试一下' 来在线查看实例。实例 function displayDat..

TUTORIALFrontendFetched/JavaScript

JavaScript 类型转换

JavaScript 类型转换 Number() 转换为数字， String() 转换为字符串， Boolean() 转换为布尔值。 JavaScript 数据类型在 JavaScript 中有 6 种不同的数据类型： string number boolean object function symbol 3 种对象类型： Object Date Array 2 个不包含任何值的数据类型： nu..

TUTORIALFrontendFetched/JavaScript

JavaScript typeof, null, 和 undefined

JavaScript typeof, null, 和 undefined typeof 操作符你可以使用 typeof 操作符来检测变量的数据类型。实例 typeof 'John'           &..

TUTORIALFrontendFetched/JavaScript

JavaScript 验证 API

JavaScript 验证 API 约束验证 DOM 方法 Property Description checkValidity() 如果 input 元素中的数据是合法的返回 true，否则返回 false。 setCustomValidity() 设置 input 元素的 validationMessage 属性，用于自定义错误提示信息的方法。使用 setCustomValidity 设置了自定义提示后，validi..

TUTORIALFrontendFetched/JavaScript

JavaScript 表单

JavaScript 表单 JavaScript 表单验证 HTML 表单验证可以通过 JavaScript 来完成。以下实例代码用于判断表单字段(fname)值是否存在，如果不存在，就弹出信息，阻止表单提交： JavaScript 实例 [mycode3 type='javascript'] function validateForm() { var x = document.forms..

TUTORIALFrontendFetched/JavaScript

JavaScript 变量

JavaScript 变量变量是用于存储信息的'容器'。在 JavaScript 中，变量用于存储数据，并可以在程序执行过程中动态更改。在 JavaScript 中，变量可以存储各种类型的数据，如数字、字符串、对象、函数等。变量名是标识符，用于引用存储在变量中的数据。在 JavaScript 中，可以使用 var、let 和 const 关键字来声明变量。 var：ES5 引入的变量声明方式，具有..

TUTORIALFrontendFetched/JavaScript

javascript:void(0) 含义

javascript:void(0) 含义我们经常会使用到 javascript:void(0) 这样的代码，那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢？ javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。语法格式如下： void func() javascri..

TUTORIALFrontendFetched/JavaScript

JavaScript VScode

JavaScript VScode 在上一章节中我们已经介绍了 JavaScript 基本概念及实例，本章节我们将介绍 JS 代码的编辑器 -- VScode。 VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器，VSCode 开发环境非常简单易用。 Visual Studio Code 已经内置了对 JavaScript 功能的支持，包括 JavaScript 的智能感知、调试、格式化..

TUTORIALFrontendFetched/JavaScript

JavaScript Window History

JavaScript Window History window.history 对象包含浏览器的历史。 Window History window.history对象在编写时可不使用 window 这个前缀。为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。一些方法： history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击向前按钮相同 ..

TUTORIALFrontendFetched/JavaScript

JavaScript Window Location

JavaScript Window Location window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。 Window Location window.location 对象在编写时可不使用 window 这个前缀。一些例子：一些实例: location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 locati..

TUTORIALFrontendFetched/JavaScript

JavaScript Window Navigator

JavaScript Window Navigator window.navigator 对象包含有关访问者浏览器的信息。 Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀。实例 [mycode3 type='js'] txt = '浏览器代号: ' + navigator.appCodeName + '&..

TUTORIALFrontendFetched/JavaScript

JavaScript Window Screen

JavaScript Window Screen window.screen 对象包含有关用户屏幕的信息。 Window Screen window.screen对象在编写时可以不使用 window 这个前缀。一些属性： screen.availWidth - 可用的屏幕宽度 screen.availHeight - 可用的屏幕高度 Window Screen 可用宽度 screen.availWidth 属性返回访问..

TUTORIALFrontendFetched/JavaScript

JavaScript Window - 浏览器对象模型

JavaScript Window - 浏览器对象模型浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。浏览器对象模型 (BOM) 浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。 Window 对象所有浏览器都支持 window 对象..

TUTORIALFrontendFetched/JavaScript

JavaScript 类(class) extends 关键字

JavaScript 类(class) extends 关键字 JavaScript 类(class) 实例实例以下实例创建的类 'Runoob' 继承了 'Site' 类: [mycode3 type='js'] class Site { constructor(name) { this.sitename = name; } present()..

TUTORIALFrontendFetched/JavaScript

JavaScript 类(class) static 关键字

JavaScript 类(class) static 关键字 JavaScript 类(class) 实例实例以下实例创建的类 'Runoob'，并创建静态方法 hello() : [mycode3 type='js'] class Runoob { constructor(name) { this.name = name; } static hello() { ..

TUTORIALFrontendFetched/JavaScript

JavaScript 类(class) super 关键字

JavaScript 类(class) super 关键字 JavaScript 类(class) 实例实例以下实例创建的类 'Runoob'，并使用 super 调用父类 'Site' 的构造方法 : [mycode3 type='js'] class Site { constructor(name) { this.sitename = name; ..

TUTORIALFrontendFetched/JavaScript

JavaScript 类(class) constructor() 方法

JavaScript 类(class) constructor() 方法 JavaScript 类(class) 实例实例创建了一个类，名为 'Runoob'，并初始化该类: [mycode3 type='js'] class Runoob { constructor(name, url) { this.name = name; this.url..

TUTORIALFrontendFetched/JavaScript

Window postMessage() 方法

Window postMessage() 方法 Window 对象定义和用法 postMessage() 方法用于安全地实现跨源通信。语法 otherWindow.postMessage(message, targetOrigin, [transfer]); 参数说明 otherWindow 其他窗口的一个引用，比如 iframe 的 contentWindow 属性..