JavaScript 教程 JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都可以使用 JavaScript。 JavaScript 非常容易学。 本教程将教你学习从初级到高级 JavaScript 知识。 JavaScript 在线实例 本教程包含了大量的 JavaScript 实例, 您可以点击 '尝试一下' 来在线查看实例。 实例 function displayDat..
JavaScript 简介 JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 JavaScript 很容..
JavaScript 用法 HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。 Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中。 <script> 标签 如需在 HTML 页面中插入 ..
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 出现错误,是不会有提示信息,这样你就无法找到代码错误的位置。 通常,你在编写一个新的 JavaScript 代码过程中都..
JavaScript 闭包 JavaScript 变量可以是局部变量或全局变量。 私有变量可以用到闭包。 全局变量 函数可以访问由函数内部定义的变量,如: 实例 [mycode3 type='js'] function myFunction() { var a = 4; return a * a; } [/mycode3] 尝试一下 » 函数也可以访问函数外部定义的变量,如: 实..
JavaScript 输出 JavaScript 没有任何打印或者输出的函数。 JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据: 使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTML 元素。 使用 console.log() 写入到浏览器的控制台。 使用 window..
JavaScript 语法 JavaScript 是一个程序语言。语法规则定义了语言结构。 JavaScript 语法 JavaScript 是一个脚本语言。 它是一个轻量级,但功能强大的编程语言。 JavaScript 字面量 在编程语言中,一般固定值称为字面量,如 3.14。 数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。 3.14 1001 123e5 尝试一下 » 字符串(Stri..
JavaScript 语句 JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。 JavaScript 语句 JavaScript 语句是发给浏览器的命令。 这些命令的作用是告诉浏览器要做的事情。 下面的 JavaScript 语句向 id='demo' 的 HTML 元素输出文本 '你好 Dolly' : 实例 [mycode3 type='js..
JavaScript 注释 JavaScript 注释可用于提高代码的可读性。 JavaScript 注释 JavaScript 不会执行注释。 我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。 单行注释以 // 开头。 本例用单行注释来解释代码: 实例 [mycode3 type='js'] // 输出标题: document.getElementById('..
JavaScript 变量 变量是用于存储信息的'容器'。 实例 [mycode3 type='js'] var x=5; var y=6; var z=x+y; [/mycode3] 尝试一下 » 就像代数那样 x=5 y=6 z=x+y 在代数中,我们使用字母(比如 x)来保存值(比如 5)。 通过上面的表达式 z=x+y,我们能够计算出 z 的值为 11。 在 JavaSc..
JavaScript 数据类型 值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。 引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。 注:Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。 Ja..
JavaScript 对象 JavaScript 对象是拥有属性和方法的数据。 真实生活中的对象,属性和方法 真实生活中,一辆汽车是一个对象。 对象有它的属性,如重量和颜色等,方法有启动停止等: 对象 属性 方法 car.name = Fiat car.model = 500 car.weight = 850kg car.color = white car.start() car.driv..
JavaScript 函数 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 实例 [mycode3 type='html'] 测试实例 function myFunction() { alert('Hello World!'); } 点我 [/mycode3] 尝试一下 » JavaScript 函数语法 函数就是包裹在花括号中的代码块..
JavaScript 作用域 作用域是可访问变量的集合。 JavaScript 作用域 在 JavaScript 中, 对象和函数同样也是变量。 在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。 JavaScript 函数作用域: 作用域在函数内修改。 JavaScript 局部作用域 变量在函数内声明,变量为局部变量,具有局部作用域。 局部变量:只能在函数内部访问。 实例 [mycode3 type..
JavaScript 事件 HTML 事件是发生在 HTML 元素上的事情。 当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。 HTML 事件 HTML 事件可以是浏览器行为,也可以是用户行为。 以下是 HTML 事件的实例: HTML 页面完成加载 HTML input 字段改变时 HTML 按钮被点击 通常,当事件发生时,你可以做些事情。 在事件触发时 JavaS..
JavaScript 字符串 JavaScript 字符串用于存储和处理文本。 JavaScript 字符串 字符串可以存储一系列字符,如 'John Doe'。 字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号: 实例 var carname = 'Volvo XC60'; var carname = 'Volvo XC60'; 你可以使用索引位置来..
JavaScript 运算符 运算符 = 用于赋值。 运算符 + 用于加值。 运算符 = 用于给 JavaScript 变量赋值。 算术运算符 + 用于把值加起来。 实例 指定变量值,并将值相加: [mycode3 type='js'] y=5; z=2; x=y+z; [/mycode3] 在以上语句执行后,x 的值是: 7 尝试一下 » JavaScript 算术运算符..
JavaScript 比较 和 逻辑运算符 比较和逻辑运算符用于测试 true 或者 false。 比较运算符 比较运算符在逻辑语句中使用,以测定变量或值是否相等。..
JavaScript if...Else 语句 条件语句用于基于不同的条件来执行不同的动作。 条件语句 通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。 在 JavaScript 中,我们可使用以下条件语句: if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码 if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码 if..
JavaScript switch 语句 switch 语句用于基于不同的条件来执行不同的动作。 JavaScript switch 语句 请使用 switch 语句来选择要执行的多个代码块之一。 语法 [mycode3 type='js'] switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: 与 c..
JavaScript for 循环 循环可以将代码块执行指定的次数。 JavaScript 循环 如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。 我们可以这样输出数组的值: 一般写法: [mycode3 type='js'] document.write(cars[0] + ''); document.write(cars[1] + '&..
JavaScript while 循环 只要指定条件为 true,循环就可以一直执行代码块。 while 循环 while 循环会在指定条件为真时循环执行代码块。 语法 while (条件) { 需要执行的代码 } 实例 本例中的循环将继续运行,只要变量 i 小于 5: 实例 [mycode3 type='js'] whi..
JavaScript break 和 continue 语句 break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。 break 语句 我们已经在本教程之前的章节中见到过 break 语句。它用于跳出 switch() 语句。 break 语句可用于跳出循环。 break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话): 实例 [mycode3 type='js'] f..
JavaScript typeof, null, 和 undefined typeof 操作符 你可以使用 typeof 操作符来检测变量的数据类型。 实例 typeof 'John' &..
JavaScript 类型转换 Number() 转换为数字, String() 转换为字符串, Boolean() 转换为布尔值。 JavaScript 数据类型 在 JavaScript 中有 6 种不同的数据类型: string number boolean object function symbol 3 种对象类型: Object Date Array 2 个不包含任何值的数据类型: nu..
JavaScript 正则表达式 正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 搜索模式可用于文本搜索和文本替换。 什么是正则表达式? 正则表达式是由一个字符序列形成的搜索模式。 当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。 正则表达式可以是一个简单的字符,或一个更复杂的模式。 正则表达..
JavaScript 错误 - throw、try 和 catch try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 finally 语句在 try 和 catch 语句之后,无论是否有触发异常,该语句都会执行。 JavaScript 错误 当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误。 可能是语法错误,通常是程序员造成的编码错误或错别字。 ..
JavaScript 函数参数 JavaScript 函数对参数的值没有进行任何的检查。 函数显式参数(Parameters)与隐式参数(Arguments) 在先前的教程中,我们已经学习了函数的显式参数: [mycode3 type='js'] functionName(parameter1, parameter2, parameter3) { // 要执行的代码…… } [/mycode3] ..
JavaScript 严格模式(use strict) JavaScript 严格模式(strict mode)即在严格的条件下运行。 使用 'use strict' 指令 'use strict' 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。 它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略。 'use stri..
JavaScript 使用误区 本章节我们将讨论 JavaScript 的使用误区。 赋值运算符应用错误 在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 (==)。 if 条件语句返回 false (是我们预期的)因为 x 不等于 10: var x = 0;if (x == 10) 尝试一下 » if 条件语句..
JavaScript 表单 JavaScript 表单验证 HTML 表单验证可以通过 JavaScript 来完成。 以下实例代码用于判断表单字段(fname)值是否存在, 如果不存在,就弹出信息,阻止表单提交: JavaScript 实例 [mycode3 type='javascript'] function validateForm() { var x = document.forms..
JavaScript 表单验证 JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 表单数据经常需要使用 JavaScript 来验证其正确性: 验证表单数据是否为空? 验证输入是否是一个正确的email地址? 验证日期是否输入正确? 验证表单输入内容是否为数字型? 必填(或必选)项目 下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假..
JavaScript 验证 API 约束验证 DOM 方法 Property Description checkValidity() 如果 input 元素中的数据是合法的返回 true,否则返回 false。 setCustomValidity() 设置 input 元素的 validationMessage 属性,用于自定义错误提示信息的方法。 使用 setCustomValidity 设置了自定义提示后,validi..
JavaScript 保留关键字 在 JavaScript 中,一些标识符是保留关键字,不能用作变量名或函数名。 JavaScript 标准 所有的现代浏览器完全支持 ECMAScript 3(ES3,JavaScript 的第三版,从 1999 年开始)。 ECMAScript 4(ES4)未通过。 ECMAScript 5(ES5,2009 年发布),是 JavaScript 最新的官方版本。 随着时间的推移,我们开始看到,所有..
JavaScript this 关键字 面向对象语言中 this 表示当前对象的一个引用。 但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。 在方法中,this 表示该方法所属的对象。 如果单独使用,this 表示全局对象。 在函数中,this 表示全局对象。 在函数中,在严格模式下,this 是未定义的(undefined)。 在事件中,this 表示接收事件的元素。 类似 call() 和..
JavaScript let 和 const ECMAScript 2015(ECMAScript 6) ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只读的常量,一旦声明,常量的值就不能改变。 在 ES6 之前,JavaScript 只有两种作用域: 全局变量 与 函数内的局部变量。 全局变量 ..
JavaScript JSON JSON 是用于存储和传输数据的格式。 JSON 通常用于服务端向网页传递数据 。 什么是 JSON? JSON 英文全称 JavaScript Object Notation JSON 是一种轻量级的数据交换格式。 JSON是独立的语言 * JSON 易于理解。 * JSON 使用 JavaScript 语法,但是 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及..
javascript:void(0) 含义 我们经常会使用到 javascript:void(0) 这样的代码,那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢? javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。 语法格式如下: void func() javascri..
JavaScript 异步编程 异步的概念 异步(Asynchronous, async)是与同步(Synchronous, sync)相对的概念。 在我们学习的传统单线程编程中,程序的运行是同步的(同步不意味着所有步骤同时运行,而是指步骤在一个控制流序列中按顺序执行)。而异步的概念则是不保证同步的概念,也就是说,一个异步过程的执行将不再与原有的序列有顺序关系。 简单来理解就是:同步按你的代码顺序执行,异步不按照代码顺序执行,异步的执行..
JavaScript Promise 在学习本章节内容前,你需要先了解什么是异步编程,可以参考:JavaScript 异步编程 Promise 是一个 ECMAScript 6 提供的类,目的是更加优雅地书写复杂的异步任务。 由于 Promise 是 ES6 新增加的,所以一些旧的浏览器并不支持,苹果的 Safari 10 和 Windows 的 Edge 14 版本以上浏览器才开始支持 ES6 特性。 以下是 Promise 浏览..
JavaScript 代码规范 所有的 JavaScript 项目适用同一种规范。 JavaScript 代码规范 代码规范通常包括以下几个方面: 变量和函数的命名规则 空格,缩进,注释的使用规则。 其他常用规范…… 规范的代码可以更易于阅读与维护。 代码规范一般在开发前规定,可以跟你的团队成员来协商设置。 变量名 变量名推荐使用驼峰法来命名(camelCase): firstName = 'John&..
JavaScript 函数调用 JavaScript 函数有 4 种调用方式。 每种方式的不同在于 this 的初始化。 this 关键字 一般而言,在Javascript中,this指向函数执行时的当前对象。 注意 this 是保留关键字,你不能修改 this 的值。 调用 JavaScript 函数 在之前的章节中我们已经学会了如何创建函数。 函数中的代码在函数被调用后执行。 作为一个函数调用 实..
JavaScript HTML DOM 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树: HTML DOM 树 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。 JavaSc..
JavaScript HTML DOM - 改变 HTML HTML DOM 允许 JavaScript 改变 HTML 元素的内容。 改变 HTML 输出流 JavaScript 能够创建动态的 HTML 内容: 今天的日期是: document.write(Date()); 在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。 实例 <!DO..
JavaScript HTML DOM - 改变CSS HTML DOM 允许 JavaScript 改变 HTML 元素的样式。 改变 HTML 样式 如需改变 HTML 元素的样式,请使用这个语法: document.getElementById(id).style.property=新样式 下面的例子会改变 <p> 元素的样式: 实例 [mycode3 type='ht..
function clickMeEvent(obj){if(obj.innerHTML=='Goodbye'){obj.style.display='none';}else if(obj.innerHTML=='Thank You'){obj.innerHTML='Goodbye';}else if(obj.innerHTML=='Click Me..
JavaScript HTML DOM EventListener addEventListener() 方法 实例 在用户点击按钮时触发监听事件: document.getElementById('myBtn').addEventListener('click', displayDate); 尝试一下 » addEventListener() 方法用于向指定元素添加事件句柄。 ..
JavaScript HTML DOM 元素 (节点) 本章节介绍如何向文档中添加和移除元素(节点)。 创建新的 HTML 元素 (节点) - appendChild() 要创建新的 HTML 元素 (节点)需要先创建一个元素,然后在已存在的元素中添加它。 实例 [mycode3 type='html'] 这是一个段落。 这是另外一个段落。 var para = document.createElem..
JavaScript HTML DOM 集合(Collection) 本章节介绍 DOM 集合的使用。 HTMLCollection 对象 getElementsByTagName() 方法返回 HTMLCollection 对象。 HTMLCollection 对象类似包含 HTML 元素的一个数组。 以下代码获取文档所有的 <p> 元素:
JavaScript HTML DOM 节点列表 NodeList 对象是一个从文档中获取的节点列表 (集合) 。 NodeList 对象类似 HTMLCollection 对象。 一些旧版本浏览器中的方法(如:getElementsByClassName())返回的是 NodeList 对象,而不是 HTMLCollection 对象。 所有浏览器的 childNodes 属性返回的是 NodeList 对象。 大部分浏览器的 q..
JavaScript 对象 JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... 此外,JavaScript 允许自定义对象。 所有事物都是对象 JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。 布尔型可以是一个对象。 数字型可以是一个对象。 字符串也可以是一个对象 日期是一个对象 数学和正则表达式也是对象 数组是..
JavaScript prototype(原型对象) 所有的 JavaScript 对象都会从一个 prototype(原型对象)中继承属性和方法。 在前面的章节中我们学会了如何使用对象的构造器(constructor): 实例 [mycode3 type='js'] function Person(first, last, age, eyecolor) { this.firstName = first..
JavaScript Number 对象 JavaScript 只有一种数字类型。 可以使用也可以不使用小数点来书写数字。 JavaScript 数字 JavaScript 数字可以使用也可以不使用小数点来书写: 实例 var pi=3.14; // 使用小数点 var x=34; // 不使用小数点 极大或极小的数字可通过科学(指数)计数法来写: 实例 var y=123e5; // 123..
JavaScript 字符串(String) 对象 String 对象用于处理已有的字符块。 JavaScript 字符串 一个字符串用于存储一系列字符就像 'John Doe'. 一个字符串可以使用单引号或双引号: 实例 var carname='Volvo XC60'; var carname='Volvo XC60'; 你使用位置(索引)可以访问字符串中任何的..
JavaScript Date(日期) 对象 日期对象用于处理日期和时间。 在线实例 Date() 如何使用 Date() 方法获得当日的日期。 getFullYear() 使用 getFullYear() 获取年份。 getTime() getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。 setFullYear() 如何使用 setFullYear() 设置具体的日期。 toUTCString(..
JavaScript Array(数组) 对象 数组对象的作用是:使用单独的变量名来存储一系列的值。 在线实例 创建数组, 为其赋值: 实例 var mycars = new Array(); mycars[0] = 'Saab'; mycars[1] = 'Volvo'; mycars[2] = 'BMW'; 尝试一下 » 页面底部你可以找到更多的实例。..
JavaScript Boolean(布尔) 对象 Boolean(布尔)对象用于将非布尔值转换为布尔值(true 或者 false)。 在线实例 检查布尔值 检查布尔对象是 true 还是 false。 完整的 Boolean(布尔) 对象参考手册 我们提供 JavaScript Boolean 对象参考手册,其中包括所有可用于布尔对象的属性和方法。 该手册包含了对每个属性和方法的详细描述以及相关实例。 创建 Boole..
JavaScript Math(算数) 对象 Math(算数)对象的作用是:执行常见的算数任务。 在线实例 round() 如何使用 round()。 random() 如何使用 random() 来返回 0 到 1 之间的随机数。 max() 如何使用 max() 来返回两个给定的数中的较大的数。(在 ECMASCript v3 之前,该方法只有两个参数。) min() 如何使用 min() 来返回两个给定的数中的较小的..
JavaScript RegExp 对象 RegExp:是正则表达式(regular expression)的简写。 完整 RegExp 对象参考手册 请查看我们的 JavaScript RegExp 对象的参考手册,其中提供了可以与字符串对象一同使用的所有的属性和方法。 这个手册包含的关于每个属性和方法的用法的详细描述和实例。 什么是 RegExp? 正则表达式描述了字符的模式对象。 当您检索某个文本时,可以使用一种模式来..
JavaScript Window - 浏览器对象模型 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象模型 (BOM) 浏览器对象模型(Browser Object Model (BOM))尚无正式标准。 由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。 Window 对象 所有浏览器都支持 window 对象..
JavaScript Window Screen window.screen 对象包含有关用户屏幕的信息。 Window Screen window.screen对象在编写时可以不使用 window 这个前缀。 一些属性: screen.availWidth - 可用的屏幕宽度 screen.availHeight - 可用的屏幕高度 Window Screen 可用宽度 screen.availWidth 属性返回访问..
JavaScript Window Location window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。 Window Location window.location 对象在编写时可不使用 window 这个前缀。 一些例子: 一些实例: location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 locati..
JavaScript Window History window.history 对象包含浏览器的历史。 Window History window.history对象在编写时可不使用 window 这个前缀。 为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。 一些方法: history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击向前按钮相同 ..
JavaScript Window Navigator window.navigator 对象包含有关访问者浏览器的信息。 Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀。 实例 [mycode3 type='js'] txt = '浏览器代号: ' + navigator.appCodeName + '&..
JavaScript 弹窗 可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。 警告框 警告框经常用于确保用户可以得到某些信息。 当警告框出现后,用户需要点击确定按钮才能继续进行操作。 语法 window.alert('sometext'); window.alert() 方法可以不带上window对象,直接使用alert()方法。 实例 <!DOCTYPE h..
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 Cookie function displayCookies() { var fname=getCookie('firstname'); if (fname==null) {fname='';} if (fname!='') {fname='firstname='+fname;} var lname=getCookie('l..
JavaScript 库 JavaScript 库 - jQuery、Prototype、MooTools。 JavaScript 框架(库) JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时。 为了应对这些调整,许多的 JavaScript (helper) 库应运而生。 这些 JavaScript 库常被称为 JavaScript 框架。 在本教程中,我们将了解到一些广受欢迎的 Java..
JavaScript - 测试 jQuery 测试 JavaScript 框架库 - jQuery 引用 jQuery 如需测试 JavaScript 库,您需要在网页中引用它。 为了引用某个库,请使用 <script> 标签,其 src 属性设置为库的 URL: 引用 jQuery [mycode3 type='html'] [/mycode3] ..
JavaScript - 测试 Prototype 测试 JavaScript 框架库 - Prototype 引用 Prototype 如需测试 JavaScript 库,您需要在网页中引用它。 为了引用某个库,请使用 <script> 标签,其 src 属性设置为库的 URL: 引用 Prototype [mycode3 type='html'] [..
基础 JavaScript 实例 用JavaScript输出文本 用JavaScript改变HTML元素 一个外部JavaScript 实例解析 JavaScript 语句、注释和代码块 JavaScript 语句 JavaScript 代码块 JavaScript 单行注释 JavaScript 多行注释 使用单行注释来防止执行 使用多行注释来防止执行 实例解析 JavaScript 变量 声明一个变量,为它赋值,然后显示..
JavaScript 对象 实例 使用内置的JavaScript对象实例。 String(字符串)对象 返回字符串的长度 为字符串添加样式 返回字符串中指定文本首次出现的位置 - indexOf()方法 查找字符串中特定的字符,若找到,则返回该字符 - match() 方法 替换字符串中的字符 - replace() 更多的字符串对象的例子,在我们的JavaScript String 对象参考手册。 Date(日期)对象 使..
JavaScript Browser 对象 实例 使用JavaScript来访问和控制浏览器对象实例。 Window 对象 弹出一个警告框 弹出一个带折行的警告框 弹出一个确认框,并提醒访客点击的内容 弹出一个提示框 点击一个按钮时,打开一个新窗口 打开一个新窗口,并控制其外观 打开多个新窗口 确保新的窗口没有获得焦点 确保新的窗口获得焦点 关闭新窗口 检查新的窗口是否已关闭 返回新窗口的名字 传输一些文本到源(父)窗口 相对于..
JavaScript 对象 实例 使用内置 JavaScript 的对象实例。 Document 对象 使用 document.write() 输出文本 使用 document.write() 输出 HTML 返回文档中锚的数目 返回文档中第一个锚的 innerHTML 返回文档中表单的数目 返回文档中第一个表单的名字 返回文档中的图像数 返回文档中第一个图像的ID 返回文档中的链接数 返回文档中的第一个链接的ID 返回文档中的所..
现在您已经学习了 JavaScript, 接下来该学习什么呢? JavaScript 总结 本教程中我们向您讲授了如何向 html 页面添加 JavaScript,使得网站的动态性和交互性更强。 你已经学习了如何创建对事件的响应,验证表单,以及如何根据不同的情况运行不同的脚本。 你也学到了如何创建和使用对象,以及如何使用 JavaScript 的内置对象。 如需更多关于 JavaScript 的信息和知识,请参阅我们的 JavaSc..
JavaScript 和 HTML DOM 参考手册..
HTML DOM Document 对象 HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点: 文档是一个文档节点。 所有的HTML元素都是元素节点。 所有 HTML 属性都是属性节点。 文本插入到 HTML 元素是文本节点。are text nodes。 注释是注释节点。 Document 对象 当浏览器载入 HTML 文档, 它就会成为 Do..