Learning Path
浏览 JavaScript 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
93
JavaScript 函数定义 JavaScript 使用关键字 function 定义函数。 函数可以通过声明定义，也可以是一个表达式。 函数声明 在之前的教程中，你已经了解了函数声明的语法 : function functionName(parameters) { 执行的代码 } 函数声明后不会立即执行，会在我们需要的时候调用到。 实例 function myFunction(a, b) { retu..
JavaScript 函数调用 JavaScript 函数有 4 种调用方式。 每种方式的不同在于 this 的初始化。 this 关键字 一般而言，在Javascript中，this指向函数执行时的当前对象。 注意 this 是保留关键字，你不能修改 this 的值。 调用 JavaScript 函数 在之前的章节中我们已经学会了如何创建函数。 函数中的代码在函数被调用后执行。 作为一个函数调用 实..
JavaScript 函数参数 JavaScript 函数对参数的值没有进行任何的检查。 函数显式参数(Parameters)与隐式参数(Arguments) 在先前的教程中，我们已经学习了函数的显式参数: [mycode3 type='js'] functionName(parameter1, parameter2, parameter3) { // 要执行的代码…… } [/mycode3] ..
JavaScript 函数 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 实例 [mycode3 type='html'] 测试实例 function myFunction() { alert('Hello World!'); } 点我 [/mycode3] 尝试一下 » JavaScript 函数语法 函数就是包裹在花括号中的代码块..
JavaScript 声明提升 JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。 JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。 以下两个实例将获得相同的结果： 实例 1 x = 5; // 变量 x 设置为 5 elem = document.getElementById('demo'); // 查找元素 elem.innerHTML = x;&..
JavaScript 用法 HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。 Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中。 <script> 标签 如需在 HTML 页面中插入 ..
JavaScript HTML DOM 集合(Collection) 本章节介绍 DOM 集合的使用。 HTMLCollection 对象 getElementsByTagName() 方法返回 HTMLCollection 对象。 HTMLCollection 对象类似包含 HTML 元素的一个数组。 以下代码获取文档所有的 <p> 元素： 实例 [mycode3 type=�..
JavaScript HTML DOM - 改变CSS HTML DOM 允许 JavaScript 改变 HTML 元素的样式。 改变 HTML 样式 如需改变 HTML 元素的样式，请使用这个语法： document.getElementById(id).style.property=新样式 下面的例子会改变 <p> 元素的样式： 实例 [mycode3 type='ht..
JavaScript HTML DOM 元素 (节点) 本章节介绍如何向文档中添加和移除元素(节点)。 创建新的 HTML 元素 (节点) - appendChild() 要创建新的 HTML 元素 (节点)需要先创建一个元素，然后在已存在的元素中添加它。 实例 [mycode3 type='html'] 这是一个段落。 这是另外一个段落。 var para = document.createElem..
JavaScript HTML DOM EventListener addEventListener() 方法 实例 在用户点击按钮时触发监听事件： document.getElementById('myBtn').addEventListener('click', displayDate); 尝试一下 » addEventListener() 方法用于向指定元素添加事件句柄。 ..
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 - 改变 HTML HTML DOM 允许 JavaScript 改变 HTML 元素的内容。 改变 HTML 输出流 JavaScript 能够创建动态的 HTML 内容： 今天的日期是： document.write(Date()); 在 JavaScript 中，document.write() 可用于直接向 HTML 输出流写内容。 实例 <!DO..
JavaScript HTML DOM 节点列表 NodeList 对象是一个从文档中获取的节点列表 (集合) 。 NodeList 对象类似 HTMLCollection 对象。 一些旧版本浏览器中的方法（如：getElementsByClassName()）返回的是 NodeList 对象，而不是 HTMLCollection 对象。 所有浏览器的 childNodes 属性返回的是 NodeList 对象。 大部分浏览器的 q..
JavaScript HTML DOM 通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型) 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被构造为对象的树： HTML DOM 树 通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。 JavaSc..
JavaScript if...Else 语句 条件语句用于基于不同的条件来执行不同的动作。 条件语句 通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。 在 JavaScript 中，我们可使用以下条件语句： if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码 if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码 if..
JavaScript 简介 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 JavaScript 很容..
JavaScript JSON JSON 是用于存储和传输数据的格式。 JSON 通常用于服务端向网页传递数据 。 什么是 JSON? JSON 英文全称 JavaScript Object Notation JSON 是一种轻量级的数据交换格式。 JSON是独立的语言 * JSON 易于理解。 * JSON 使用 JavaScript 语法，但是 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及..
JavaScript let 和 const ECMAScript 2015(ECMAScript 6) ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只读的常量，一旦声明，常量的值就不能改变。 在 ES6 之前，JavaScript 只有两种作用域： 全局变量 与 函数内的局部变量。 全局变量 ..
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 库 - jQuery、Prototype、MooTools。 JavaScript 框架（库） JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。 为了应对这些调整，许多的 JavaScript (helper) 库应运而生。 这些 JavaScript 库常被称为 JavaScript 框架。 在本教程中，我们将了解到一些广受欢迎的 Java..
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 使用误区 本章节我们将讨论 JavaScript 的使用误区。 赋值运算符应用错误 在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 (==)。 if 条件语句返回 false (是我们预期的)因为 x 不等于 10: var x = 0;if (x == 10) 尝试一下 » if 条件语句..