Learning Path
浏览 JavaScript 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
93
JavaScript 语法 JavaScript 是一个程序语言。语法规则定义了语言结构。 JavaScript 语法 JavaScript 是一个脚本语言。 它是一个轻量级，但功能强大的编程语言。 JavaScript 字面量 在编程语言中，一般固定值称为字面量，如 3.14。 数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。 3.14 1001 123e5 尝试一下 » 字符串（Stri..
JavaScript this 关键字 面向对象语言中 this 表示当前对象的一个引用。 但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。 在方法中，this 表示该方法所属的对象。 如果单独使用，this 表示全局对象。 在函数中，this 表示全局对象。 在函数中，在严格模式下，this 是未定义的(undefined)。 在事件中，this 表示接收事件的元素。 类似 call() 和..
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..
JavaScript 教程 JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都可以使用 JavaScript。 JavaScript 非常容易学。 本教程将教你学习从初级到高级 JavaScript 知识。 JavaScript 在线实例 本教程包含了大量的 JavaScript 实例， 您可以点击 '尝试一下' 来在线查看实例。 实例 function displayDat..
JavaScript 类型转换 Number() 转换为数字， String() 转换为字符串， Boolean() 转换为布尔值。 JavaScript 数据类型 在 JavaScript 中有 6 种不同的数据类型： string number boolean object function symbol 3 种对象类型： Object Date Array 2 个不包含任何值的数据类型： nu..
JavaScript typeof, null, 和 undefined typeof 操作符 你可以使用 typeof 操作符来检测变量的数据类型。 实例 typeof 'John' &..
JavaScript 验证 API 约束验证 DOM 方法 Property Description checkValidity() 如果 input 元素中的数据是合法的返回 true，否则返回 false。 setCustomValidity() 设置 input 元素的 validationMessage 属性，用于自定义错误提示信息的方法。 使用 setCustomValidity 设置了自定义提示后，validi..
JavaScript 表单 JavaScript 表单验证 HTML 表单验证可以通过 JavaScript 来完成。 以下实例代码用于判断表单字段(fname)值是否存在， 如果不存在，就弹出信息，阻止表单提交： JavaScript 实例 [mycode3 type='javascript'] function validateForm() { var x = document.forms..
JavaScript 变量 变量是用于存储信息的'容器'。 在 JavaScript 中，变量用于存储数据，并可以在程序执行过程中动态更改。 在 JavaScript 中，变量可以存储各种类型的数据，如数字、字符串、对象、函数等。变量名是标识符，用于引用存储在变量中的数据。 在 JavaScript 中，可以使用 var、let 和 const 关键字来声明变量。 var：ES5 引入的变量声明方式，具有..
javascript:void(0) 含义 我们经常会使用到 javascript:void(0) 这样的代码，那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢？ javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。 语法格式如下： void func() javascri..
JavaScript VScode 在上一章节中我们已经介绍了 JavaScript 基本概念及实例，本章节我们将介绍 JS 代码的编辑器 -- VScode。 VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器，VSCode 开发环境非常简单易用。 Visual Studio Code 已经内置了对 JavaScript 功能的支持，包括 JavaScript 的智能感知、调试、格式化..
JavaScript Window History window.history 对象包含浏览器的历史。 Window History window.history对象在编写时可不使用 window 这个前缀。 为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。 一些方法： history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击向前按钮相同 ..
JavaScript Window Location window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。 Window Location window.location 对象在编写时可不使用 window 这个前缀。 一些例子： 一些实例: location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 locati..
JavaScript Window Navigator window.navigator 对象包含有关访问者浏览器的信息。 Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀。 实例 [mycode3 type='js'] txt = '浏览器代号: ' + navigator.appCodeName + '&..
JavaScript Window Screen window.screen 对象包含有关用户屏幕的信息。 Window Screen window.screen对象在编写时可以不使用 window 这个前缀。 一些属性： screen.availWidth - 可用的屏幕宽度 screen.availHeight - 可用的屏幕高度 Window Screen 可用宽度 screen.availWidth 属性返回访问..
JavaScript Window - 浏览器对象模型 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象模型 (BOM) 浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。 由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。 Window 对象 所有浏览器都支持 window 对象..
JavaScript 类(class) extends 关键字 JavaScript 类(class) 实例 实例 以下实例创建的类 'Runoob' 继承了 'Site' 类: [mycode3 type='js'] class Site { constructor(name) { this.sitename = name; } present()..
JavaScript 类(class) static 关键字 JavaScript 类(class) 实例 实例 以下实例创建的类 'Runoob'，并创建静态方法 hello() : [mycode3 type='js'] class Runoob { constructor(name) { this.name = name; } static hello() { ..
JavaScript 类(class) super 关键字 JavaScript 类(class) 实例 实例 以下实例创建的类 'Runoob'，并使用 super 调用父类 'Site' 的构造方法 : [mycode3 type='js'] class Site { constructor(name) { this.sitename = name; ..
JavaScript 类(class) constructor() 方法 JavaScript 类(class) 实例 实例 创建了一个类，名为 'Runoob'，并初始化该类: [mycode3 type='js'] class Runoob { constructor(name, url) { this.name = name; this.url..
Window postMessage() 方法 Window 对象 定义和用法 postMessage() 方法用于安全地实现跨源通信。 语法 otherWindow.postMessage(message, targetOrigin, [transfer]); 参数 说明 otherWindow 其他窗口的一个引用，比如 iframe 的 contentWindow 属性..