JavaScript 闭包
JavaScript 变量可以是局部变量或全局变量。
私有变量可以用到闭包。
全局变量
函数可以访问由函数内部定义的变量，如：
实例
function
myFunction
(
)
{
var
a
=
4
;
return
a
*
a
;
}
尝试一下 »
函数也可以访问函数外部定义的变量，如：
实例
var
a
=
4
;
funct...
JavaScript 函数调用
JavaScript 函数有 4 种调用方式。
每种方式的不同在于 this 的初始化。
this 关键字
一般而言，在Javascript中，this指向函数执行时的当前对象。
注意 this 是保留关键字，你不能修改 this 的值。
调用 JavaScript 函数
在之前的章节中我们已经学会了如何创建函数。
函数中...
JavaScript 函数参数
JavaScript 函数对参数的值没有进行任何的检查。
函数显式参数(Parameters)与隐式参数(Arguments)
在先前的教程中，我们已经学习了函数的显式参数:
functionName
(
parameter1
,
parameter2
,
parameter3
)
{
//
要执行的代码……
}
函数显式参数在函数定义时列出。
函数隐...
JavaScript 函数定义
JavaScript 使用关键字 function 定义函数。
函数可以通过声明定义，也可以是一个表达式。
函数声明
在之前的教程中，你已经了解了函数声明的语法 :
function functionName(parameters) {
执行的代码
}
函数声明后不会立即执行，会在我们需要的时候调用到。
实例
function myF...
JavaScript HTML DOM EventListener
addEventListener() 方法
实例
在用户点击按钮时触发监听事件：
document.getElementById("myBtn").addEventListener("click", displayDate);
尝试一下 »
addEventListener() 方法用于向指定元素添加事件句柄。
addEventListener() 方法添加的事件句柄不会覆盖已...
JavaScript HTML DOM 事件
HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。
实例
Mouse Over Me Click Me
对事件做出反应
我们可以在事件发生时执行 JavaScript，比如当用户在 HTML 元素上点击时。
如需在用户点击某个元素时执行代码，请向一个 HTML 事件属性添加 JavaScript 代码：
oncli...
JavaScript HTML DOM - 改变CSS
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。
改变 HTML 样式
如需改变 HTML 元素的样式，请使用这个语法：
document.getElementById(
id).style.
property=
新样式
下面的例子会改变 <p> 元素的样式：
实例
<
!
DOCTYPE
html
>
<
html
>
...
JavaScript HTML DOM - 改变 HTML
HTML DOM 允许 JavaScript 改变 HTML 元素的内容。
改变 HTML 输出流
JavaScript 能够创建动态的 HTML 内容：
今天的日期是：
在 JavaScript 中，document.write() 可用于直接向 HTML 输出流写内容。
实例
<!DOCTYPE html>
<html>
<body>
<scri...
JavaScript HTML DOM 元素 (节点)
本章节介绍如何向文档中添加和移除元素(节点)。
创建新的 HTML 元素 (节点) - appendChild()
要创建新的 HTML 元素 (节点)需要先创建一个元素，然后在已存在的元素中添加它。
实例
<
div
id
=
"
div1
"
>
<
p
id
=
"
p1
"
>
这是一个段落。
</
p
>
...
JavaScript Number 对象
JavaScript 只有一种数字类型。
可以使用也可以不使用小数点来书写数字。
JavaScript 数字
JavaScript 数字可以使用也可以不使用小数点来书写：
实例
var pi=3.14; // 使用小数点
var x=34; // 不使用小数点
极大或极小...