JavaScript 和 HTML DOM 参考手册
所有内置的JavaScript对象
所有浏览器对象
所有HTML DOM对象
参考手册描述了每个对象的属性和方法。

JavaScript 对象参考手册

参考手册描述了每个对象的属性和方法。

Array 对象

Array 对象用于在变量中存储多个值:

var cars = ["BC", "JB", "BM"];

第一个数组元素的索引值为 0，第二个索引值为 1，以此类推。

更多有关 JavaScript Array 内容请参考 JavaScript Array 对象手册。

数组属性

属性	描述
constructor	返回创建数组对象的原型函数。
length	设置或返回数组元素的个数。
prototype	允许你向数组对象添加属性或方法。

Array 对象方法

方法	描述
concat()	连接两个或更多的数组，并返回结果。
copyWithin()	从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries()	返回数组的可迭代对象。
every()	检测数值元素的每个元素是否都符合条件。
fill()	使用一个固定值来填充数组。
filter()	检测数值元素，并返回符合条件所有元素的数组。
find()	返回符合传入测试（函数）条件的数组元素。
findIndex()	返回符合传入测试（函数）条件的数组元素索引。
forEach()	数组每个元素都执行一次回调函数。
from()	通过给定的对象中创建一个数组。
includes()	判断一个数组是否包含一个指定的值。
indexOf()	搜索数组中的元素，并返回它所在的位置。
isArray()	判断对象是否为数组。
join()	把数组的所有元素放入一个字符串。
keys()	返回数组的可迭代对象，包含原始数组的键(key)。
lastIndexOf()	搜索数组中的元素，并返回它最后出现的位置。
map()	通过指定函数处理数组的每个元素，并返回处理后的数组。
pop()	删除数组的最后一个元素并返回删除的元素。
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reduce()	将数组元素计算为一个值（从左到右）。
reduceRight()	将数组元素计算为一个值（从右到左）。
reverse()	反转数组的元素顺序。
shift()	删除并返回数组的第一个元素。
slice()	选取数组的一部分，并返回一个新数组。
some()	检测数组元素中是否有元素符合指定条件。
sort()	对数组的元素进行排序。
splice()	从数组中添加或删除元素。
toString()	把数组转换为字符串，并返回结果。
unshift()	向数组的开头添加一个或更多元素，并返回新的长度。
valueOf()	返回数组对象的原始值。

Boolean 对象

Boolean 对象用于转换一个不是 Boolean 类型的值转换为 Boolean 类型值
(true 或者false).

Boolean 对象完整教程, 请访问
JavaScript Boolean 对象教程。

Boolean 对象属性

属性	描述
constructor	返回对创建此对象的 Boolean 函数的引用
prototype	使您有能力向对象添加属性和方法。

Boolean 对象方法

方法	描述
toString()	把布尔值转换为字符串，并返回结果。
valueOf()	返回 Boolean 对象的原始值。

Date 对象

Date 对象用于处理日期与时间。

创建 Date 对象： new Date()

以下四种方法同样可以创建 Date 对象：

var d = new Date();
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

更完整的日期与实际教程请参照
JavaScript Date 对象教程。

Date 对象属性

属性	描述
constructor	返回对创建此对象的 Date 函数的引用。
prototype	使您有能力向对象添加属性和方法。

Date 对象方法

方法	描述
getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)。
getFullYear()	从 Date 对象以四位数字返回年份。
getHours()	返回 Date 对象的小时 (0 ~ 23)。
getMilliseconds()	返回 Date 对象的毫秒(0 ~ 999)。
getMinutes()	返回 Date 对象的分钟 (0 ~ 59)。
getMonth()	从 Date 对象返回月份 (0 ~ 11)。
getSeconds()	返回 Date 对象的秒数 (0 ~ 59)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset()	返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate()	根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay()	根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCFullYear()	根据世界时从 Date 对象返回四位数的年份。
getUTCHours()	根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMilliseconds()	根据世界时返回 Date 对象的毫秒(0 ~ 999)。
getUTCMinutes()	根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCMonth()	根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCSeconds()	根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getYear()	已废弃。请使用 getFullYear() 方法代替。
parse()	返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate()	设置 Date 对象中月的某一天 (1 ~ 31)。
setFullYear()	设置 Date 对象中的年份（四位数字）。
setHours()	设置 Date 对象中的小时 (0 ~ 23)。
setMilliseconds()	设置 Date 对象中的毫秒 (0 ~ 999)。
setMinutes()	设置 Date 对象中的分钟 (0 ~ 59)。
setMonth()	设置 Date 对象中月份 (0 ~ 11)。
setSeconds()	设置 Date 对象中的秒钟 (0 ~ 59)。
setTime()	setTime() 方法以毫秒设置 Date 对象。
setUTCDate()	根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCFullYear()	根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours()	根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMilliseconds()	根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
setUTCMinutes()	根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCMonth()	根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCSeconds()	setUTCSeconds() 方法用于根据世界时 (UTC) 设置指定时间的秒字段。
setYear()	已废弃。请使用 setFullYear() 方法代替。
toDateString()	把 Date 对象的日期部分转换为字符串。
toGMTString()	已废弃。请使用 toUTCString() 方法代替。
toISOString()	使用 ISO 标准返回字符串的日期格式。
toJSON()	以 JSON 数据格式返回日期字符串。
toLocaleDateString()	根据本地时间格式，把 Date 对象的日期部分转换为字符串。
toLocaleTimeString()	根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleString()	根据本地时间格式，把 Date 对象转换为字符串。
toString()	把 Date 对象转换为字符串。
toTimeString()	把 Date 对象的时间部分转换为字符串。
toUTCString()	根据世界时，把 Date 对象转换为字符串。实例： var today = new Date(); var UTCstring = today.toUTCString();
UTC()	根据世界时返回 1970 年 1 月 1 日到指定日期的毫秒数。
valueOf()	返回 Date 对象的原始值。

Math 对象

Math 对象用于执行数学任务。

Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。

语法

var x = Math.PI; // 返回PI
var y = Math.sqrt(16); // 返回16的平方根

Math 对象教程，请参照本站的JavaScript Math 对象教程。

Math 对象属性

属性	描述
E	返回算术常量 e，即自然对数的底数（约等于2.718）。
LN2	返回 2 的自然对数（约等于0.693）。
LN10	返回 10 的自然对数（约等于2.302）。
LOG2E	返回以 2 为底的 e 的对数（约等于 1.4426950408889634）。
LOG10E	返回以 10 为底的 e 的对数（约等于0.434）。
PI	返回圆周率（约等于3.14159）。
SQRT1_2	返回 2 的平方根的倒数（约等于 0.707）。
SQRT2	返回 2 的平方根（约等于 1.414）。

Math 对象方法

方法	描述
abs(x)	返回 x 的绝对值。
acos(x)	返回 x 的反余弦值。
asin(x)	返回 x 的反正弦值。
atan(x)	以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。
atan2(y,x)	返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。
ceil(x)	对数进行上舍入。
cos(x)	返回数的余弦。
exp(x)	返回 E^x 的指数。
floor(x)	对 x 进行下舍入。
log(x)	返回数的自然对数（底为e）。
max(x,y,z,...,n)	返回 x,y,z,...,n 中的最高值。
min(x,y,z,...,n)	返回 x,y,z,...,n中的最低值。
pow(x,y)	返回 x 的 y 次幂。
random()	返回 0 ~ 1 之间的随机数。
round(x)	四舍五入。
sin(x)	返回数的正弦。
sqrt(x)	返回数的平方根。
tan(x)	返回角的正切。

Number 对象

Number 对象是原始数值的包装对象。

Number 创建方式 new Number()。

语法

var num = new Number(value);

注意： 如果一个参数值不能转换为一个数字将返回 NaN
(非数字值)。

Number 对象属性

属性	描述
constructor	返回对创建此对象的 Number 函数的引用。
MAX_VALUE	可表示的最大的数。
MIN_VALUE	可表示的最小的数。
NEGATIVE_INFINITY	负无穷大，溢出时返回该值。
NaN	非数字值。
POSITIVE_INFINITY	正无穷大，溢出时返回该值。
prototype	允许您可以向对象添加属性和方法。

Number 对象方法

方法	描述
isFinite	检测指定参数是否为无穷大。
toExponential(x)	把对象的值转换为指数计数法。
toFixed(x)	把数字转换为字符串，结果的小数点后有指定位数的数字。
toPrecision(x)	把数字格式化为指定的长度。
toString()	把数字转换为字符串，使用指定的基数。
valueOf()	返回一个 Number 对象的基本数字值。

ES6 新增 Number 属性

ES 6 增加了以下三个 Number 对象的属性：

EPSILON: 表示 1 和比最接近 1 且大于 1 的最小 Number 之间的差别
MIN_SAFE_INTEGER: 表示在 JavaScript中最小的安全的 integer 型数字 (-(2⁵³ - 1))。
MAX_SAFE_INTEGER: 表示在 JavaScript 中最大的安全整数（2⁵³ - 1）。

实例

var x = Number.EPSILON;

var y = Number.MIN_SAFE_INTEGER;

var z = Number.MAX_SAFE_INTEGER;

ES6 新增 Number 方法

ES 6 增加了以下两个 Number 对象的方法：

Number.isInteger(): 用来判断给定的参数是否为整数。
Number.isSafeInteger(): 判断传入的参数值是否是一个"安全整数"。

Number.isInteger() 在参数是整数时返回 true。

实例

Number.isInteger(10); // 返回 true
Number.isInteger(10.5); // 返回 false

Number.isSafeInteger()判断传入的参数值是否是一个"安全整数"。

安全整数范围为 -(2⁵³ - 1)到 2⁵³ - 1 之间的整数，包含 -(2⁵³ - 1)和 2⁵³ - 1。

实例

Number.isSafeInteger(10); // 返回 true
Number.isSafeInteger(12345678901234567890); // 返回 false

String 对象

String 对象用于处理文本（字符串）。

String 对象创建方法： new String()。

语法

var txt = new String("string");

或者更简单方式：

var txt = "string";

了解 String 对象教程，请查看 JavaScript String 对象教程。

String 对象属性

属性	描述
constructor	对创建该对象的函数的引用
length	字符串的长度
prototype	允许您向对象添加属性和方法

String 对象方法

方法	描述
charAt()	返回在指定位置的字符。
charCodeAt()	返回在指定的位置的字符的 Unicode 编码。
concat()	连接两个或更多字符串，并返回新的字符串。
endsWith()	判断当前字符串是否是以指定的子字符串结尾的（区分大小写）。
fromCharCode()	将 Unicode 编码转为字符。
indexOf()	返回某个指定的字符串值在字符串中首次出现的位置。
includes()	查找字符串中是否包含指定的子字符串。
lastIndexOf()	从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。
match()	查找找到一个或多个正则表达式的匹配。
repeat()	复制字符串指定次数，并将它们连接在一起返回。
replace()	在字符串中查找匹配的子串，并替换与正则表达式匹配的子串。
replaceAll()	在字符串中查找匹配的子串，并替换与正则表达式匹配的所有子串。
search()	查找与正则表达式相匹配的值。
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分。
split()	把字符串分割为字符串数组。
startsWith()	查看字符串是否以指定的子字符串开头。
substr()	从起始索引号提取字符串中指定数目的字符。
substring()	提取字符串中两个指定的索引号之间的字符。
toLowerCase()	把字符串转换为小写。
toUpperCase()	把字符串转换为大写。
trim()	去除字符串两边的空白。
toLocaleLowerCase()	根据本地主机的语言环境把字符串转换为小写。
toLocaleUpperCase()	根据本地主机的语言环境把字符串转换为大写。
valueOf()	返回某个字符串对象的原始值。
toString()	返回一个字符串。

String HTML 包装方法

HTML 返回包含在相对应的 HTML 标签中的内容。

以下方法并非标准方法，所以可能在某些浏览器下不支持。

方法	描述
anchor()	创建 HTML 锚。
big()	用大号字体显示字符串。
blink()	显示闪动字符串。
bold()	使用粗体显示字符串。
fixed()	以打字机文本显示字符串。
fontcolor()	使用指定的颜色来显示字符串。
fontsize()	使用指定的尺寸来显示字符串。
italics()	使用斜体显示字符串。
link()	将字符串显示为链接。
small()	使用小字号来显示字符串。
strike()	用于显示加删除线的字符串。
sub()	把字符串显示为下标。
sup()	把字符串显示为上标。

RegExp 对象

正则表达式是描述字符模式的对象。

正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。

语法

var patt=new RegExp(pattern,modifiers);

或者更简单的方式:

var patt=/pattern/modifiers;

pattern（模式）描述了表达式的模式
modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配

注意：当使用构造函数创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）。比如，以下是等价的：
var re = new RegExp("\\w+");
var re = /\w+/;

更多关于 RegExp 对象请阅读我们的
JavaScript RegExp 对象教程。

修饰符

修饰符用于执行区分大小写和全局匹配:

修饰符	描述
i	执行对大小写不敏感的匹配。
g	执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m	执行多行匹配。

方括号

方括号用于查找某个范围内的字符：

表达式	描述
[abc]	查找方括号之间的任何字符。
[^abc]	查找任何不在方括号之间的字符。
[0-9]	查找任何从 0 至 9 的数字。
[a-z]	查找任何从小写 a 到小写 z 的字符。
[A-Z]	查找任何从大写 A 到大写 Z 的字符。
[A-z]	查找任何从大写 A 到小写 z 的字符。
[adgk]	查找给定集合内的任何字符。
[^adgk]	查找给定集合外的任何字符。
(red\|blue\|green)	查找任何指定的选项。

元字符

元字符（Metacharacter）是拥有特殊含义的字符：

元字符	描述
.	查找单个字符，除了换行和行结束符。
\w	查找数字、字母及下划线。
\W	查找非单词字符。
\d	查找数字。
\D	查找非数字字符。
\s	查找空白字符。
\S	查找非空白字符。
\b	匹配单词边界。
\B	匹配非单词边界。
\0	查找 NULL 字符。
\n	查找换行符。
\f	查找换页符。
\r	查找回车符。
\t	查找制表符。
\v	查找垂直制表符。
\xxx	查找以八进制数 xxx 规定的字符。
\xdd	查找以十六进制数 dd 规定的字符。
\uxxxx	查找以十六进制数 xxxx 规定的 Unicode 字符。

量词

量词	描述
n+	匹配任何包含至少一个 n 的字符串。例如，/a+/ 匹配 "candy" 中的 "a"，"caaaaaaandy" 中所有的 "a"。
n*	匹配任何包含零个或多个 n 的字符串。例如，/bo*/ 匹配 "A ghost booooed" 中的 "boooo"，"A bird warbled" 中的 "b"，但是不匹配 "A goat grunted"。
n?	匹配任何包含零个或一个 n 的字符串。例如，/e?le?/ 匹配 "angel" 中的 "el"，"angle" 中的 "le"。
n{X}	匹配包含 X 个 n 的序列的字符串。例如，/a{2}/ 不匹配 "candy," 中的 "a"，但是匹配 "caandy," 中的两个 "a"，且匹配 "caaandy." 中的前两个 "a"。
n{X,}	X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。例如，/a{2,}/ 不匹配 "candy" 中的 "a"，但是匹配 "caandy" 和 "caaaaaaandy." 中所有的 "a"。
n{X,Y}	X 和 Y 为正整数。前面的模式 n 连续出现至少 X 次，至多 Y 次时匹配。例如，/a{1,3}/ 不匹配 "cndy"，匹配 "candy," 中的 "a"，"caandy," 中的两个 "a"，匹配 "caaaaaaandy" 中的前面三个 "a"。注意，当匹配 "caaaaaaandy" 时，即使原始字符串拥有更多的 "a"，匹配项也是 "aaa"。
n$	匹配任何结尾为 n 的字符串。
^n	匹配任何开头为 n 的字符串。
?=n	匹配任何其后紧接指定字符串 n 的字符串。
?!n	匹配任何其后没有紧接指定字符串 n 的字符串。

RegExp 对象方法

方法	描述
compile	在 1.5 版本中已废弃。编译正则表达式。
exec	检索字符串中指定的值。返回找到的值，并确定其位置。
test	检索字符串中指定的值。返回 true 或 false。
toString	返回正则表达式的字符串。

支持正则表达式的 String 对象的方法

方法	描述	FF	IE
search	检索与正则表达式相匹配的值。	1	4
match	找到一个或多个正则表达式的匹配。	1	4
replace	替换与正则表达式匹配的子串。	1	4
split	把字符串分割为字符串数组。	1	4

RegExp 对象属性

属性	描述
constructor	返回一个函数，该函数是一个创建 RegExp 对象的原型。
global	判断是否设置了 "g" 修饰符
ignoreCase	判断是否设置了 "i" 修饰符
lastIndex	用于规定下次匹配的起始位置
multiline	判断是否设置了 "m" 修饰符
source	返回正则表达式的匹配模式

全局

JavaScript 全局属性和方法可用于创建Javascript对象。

JavaScript 全局属性

属性	描述
Infinity	代表正的无穷大的数值。
NaN	指示某个值是不是数字值。
undefined	指示未定义的值。

JavaScript 全局函数

函数	描述
decodeURI()	解码某个编码的 URI。
decodeURIComponent()	解码一个编码的 URI 组件。
encodeURI()	把字符串编码为 URI。
encodeURIComponent()	把字符串编码为 URI 组件。
escape()	对字符串进行编码。
eval()	计算 JavaScript 字符串，并把它作为脚本代码来执行。
isFinite()	检查某个值是否为有穷大的数。
isNaN()	检查某个值是否是数字。
Number()	把对象的值转换为数字。
parseFloat()	解析一个字符串并返回一个浮点数。
parseInt()	解析一个字符串并返回一个整数。
String()	把对象的值转换为字符串。
unescape()	对由 escape() 编码的字符串进行解码。

运算符

JavaScript 运算符用于赋值，比较值，执行算术运算等。

JavaScript 算术运算符

算术运算符用于执行两个变量或值的运算。

赋值 y = 5, 以下表格将向你说明算术运算符的使用：

运算符	描述	例子	y 值	x 值
+	加法	x = y + 2	y = 5	x = 7
-	减法	x = y - 2	y = 5	x = 3
*	乘法	x = y * 2	y = 5	x = 10
/	除法	x = y / 2	y = 5	x = 2.5
%	余数	x = y % 2	y = 5	x = 1
++	自增	x = ++y	y = 6	x = 6
++	自增	x = y++	y = 6	x = 5
--	自减	x = --y	y = 4	x = 4
--	自减	x = y--	y = 4	x = 5

关于算术运算符，你可以阅读我们的
JavaScript 运算符教程。

JavaScript 赋值运算符

赋值运算符用于给 JavaScript 变量赋值。

给定 x=10 和 y=5，下面的表格解释了赋值运算符：

运算符	例子	实例	x 值
=	x = y	x = y	x = 5
+=	x += y	x = x + y	x = 15
-=	x -= y	x = x - y	x = 5
*=	x *= y	x = x * y	x = 50
/=	x /= y	x = x / y	x = 2
%=	x %= y	x = x % y	x = 0

关于赋值运算符，你可以阅读我们的
JavaScript 运算符教程。

JavaScript 字符串运算符

+ 运算符， += 运算符可用于连接字符串。

给定 text1 = "Good ", text2 = "Morning",
及 text3 = "", 下面的表格解释了字符串运算符的使用：

运算符	例子	text1	text2	text3
+	text3 = text1 + text2	"Good "	"Morning"	"Good Morning"
+=	text1 += text2	"Good Morning"	"Morning"	""

比较运算符

比较运算符用于逻辑语句的判断，从而确定给定的两个值或变量是否相等。

给定 x=5, 下表展示了比较运算符的使用：

运算符	描述	比较	结果
==	等于	x == 8	false
==	等于	x == 5	true
===	值及类型均相等（恒等于）	x === "5"	false
===	值及类型均相等（恒等于）	x === 5	true
!=	不等于	x != 8	true
!==	值与类型均不等（不恒等于）	x !== "5"	true
!==	值与类型均不等（不恒等于）	x !== 5	false
>	大于	x > 8	false
<	小于	x < 8	true
>=	大于或等于	x >= 8	false
<=	小于或等于	x <= 8	true

关于比较运算符，你可以阅读我们的
JavaScript
比较运算符教程。

条件运算符

条件运算符用于基于条件的赋值运算。

给定 x=6 and y=3, 下表演示了条件运算符的运算：

语法	例子
变量 = (条件) ? 值1:值2	voteable = (age < 18) ? "太年轻而不能":"年龄够";

逻辑运算符

逻辑运算符用来确定变量或值之间的逻辑关系。

给定 x=6 and y=3, 以下实例演示了逻辑运算符的使用：

运算符	描述	例子
&&	和	(x < 10 && y > 1) 为 true
\|\|	或	(x == 5 \|\| y == 5) 为 false
!	非	!(x == y) 为 true

JavaScript 位运算符

位运算符工作于32位的数字上。任何数字操作都将转换为32位。结果会转换为 JavaScript 数字。

运算符	描述	例子	类似于	结果	十进制
&	AND	x = 5 & 1	0101 & 0001	0001	1
\|	OR	x = 5 \| 1	0101 \| 0001	0101	5
~	取反	x = ~ 5	~0101	1010	-6
^	异或	x = 5 ^ 1	0101 ^ 0001	0100	4
<<	左移	x = 5 << 1	0101 << 1	1010	10
>>	右移	x = 5 >> 1	0101 >> 1	0010	2

Error(错误) 对象

Error 对象

Error 对象在错误发生时提供了错误的提示信息。

实例

以下实例中 try 语句块包含了未定义的函数 "adddlert" ，执行它会产生错误，catch 语句块会输出该错误的信息：

try {
adddlert("Welcome");
}
catch(err) {
document.getElementById("demo").innerHTML =
err.name + "<br>" + err.message;
}

JavaScript 更多错误的内容可以参考：JavaScript 错误 - throw、try 和 catch

Error 对象属性

属性	描述
name	设置或返回一个错误名
message	设置或返回一个错误信息(字符串)

非标准 Error 对象属性

Mozilla 和 Microsoft定义了以下非标准 Error 对象属性：

fileName (Mozilla)
lineNumber (Mozilla)
columnNumber (Mozilla)
stack (Mozilla)
description (Microsoft)
number (Microsoft)

不建议使用以上属性，因为不是所有浏览器都支持。

Browser 对象参考手册

Window 对象

Window 对象表示浏览器中打开的窗口。

如果文档包含框架（<frame> 或 <iframe> 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

注意： 没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。

Window 对象属性

属性	描述
closed	返回窗口是否已被关闭。
defaultStatus	设置或返回窗口状态栏中的默认文本。
document	对 Document 对象的只读引用。(请参阅对象)
frames	返回窗口中所有命名的框架。该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架。
history	对 History 对象的只读引用。请参数 History 对象。
innerHeight	返回窗口的文档显示区的高度。
innerWidth	返回窗口的文档显示区的宽度。
localStorage	在浏览器中存储 key/value 对。没有过期时间。
length	设置或返回窗口中的框架数量。
location	用于窗口或框架的 Location 对象。请参阅 Location 对象。
name	设置或返回窗口的名称。
navigator	对 Navigator 对象的只读引用。请参数 Navigator 对象。
opener	返回对创建此窗口的窗口的引用。
outerHeight	返回窗口的外部高度，包含工具条与滚动条。
outerWidth	返回窗口的外部宽度，包含工具条与滚动条。
pageXOffset	设置或返回当前页面相对于窗口显示区左上角的 X 位置。
pageYOffset	设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
parent	返回父窗口。
screen	对 Screen 对象的只读引用。请参数 Screen 对象。
screenLeft	返回相对于屏幕窗口的x坐标
screenTop	返回相对于屏幕窗口的y坐标
screenX	返回相对于屏幕窗口的x坐标
sessionStorage	在浏览器中存储 key/value 对。在关闭窗口或标签页之后将会删除这些数据。
screenY	返回相对于屏幕窗口的y坐标
self	返回对当前窗口的引用。等价于 Window 属性。
status	设置窗口状态栏的文本。
top	返回最顶层的父窗口。

Window 对象方法

方法	描述
alert()	显示带有一段消息和一个确认按钮的警告框。
atob()	解码一个 base-64 编码的字符串。
btoa()	创建一个 base-64 编码的字符串。
blur()	把键盘焦点从顶层窗口移开。
clearInterval()	取消由 setInterval() 设置的 timeout。
clearTimeout()	取消由 setTimeout() 方法设置的 timeout。
close()	关闭浏览器窗口。
confirm()	显示带有一段消息以及确认按钮和取消按钮的对话框。
createPopup()	创建一个 pop-up 窗口。
focus()	把键盘焦点给予一个窗口。
getSelection()	返回一个 Selection 对象，表示用户选择的文本范围或光标的当前位置。
getComputedStyle()	获取指定元素的 CSS 样式。
matchMedia()	该方法用来检查 media query 语句，它返回一个 MediaQueryList对象。
moveBy()	可相对窗口的当前坐标把它移动指定的像素。
moveTo()	把窗口的左上角移动到一个指定的坐标。
open()	打开一个新的浏览器窗口或查找一个已命名的窗口。
print()	打印当前窗口的内容。
prompt()	显示可提示用户输入的对话框。
resizeBy()	按照指定的像素调整窗口的大小。
resizeTo()	把窗口的大小调整到指定的宽度和高度。
scroll()	已废弃。该方法已经使用了 scrollTo() 方法来替代。
scrollBy()	按照指定的像素值来滚动内容。
scrollTo()	把内容滚动到指定的坐标。
setInterval()	按照指定的周期（以毫秒计）来调用函数或计算表达式。
setTimeout()	在指定的毫秒数后调用函数或计算表达式。
stop()	停止页面载入。
postMessage()	安全地实现跨源通信。

Navigator 对象

Navigator 对象包含有关浏览器的信息。

注意： 没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。

Navigator 对象属性

属性	说明
appCodeName	返回浏览器的代码名
appName	返回浏览器的名称
appVersion	返回浏览器的平台和版本信息
cookieEnabled	返回指明浏览器中是否启用 cookie 的布尔值
platform	返回运行浏览器的操作系统平台
userAgent	返回由客户机发送服务器的user-agent 头部的值

Navigator 对象方法

方法	描述
javaEnabled()	指定是否在浏览器中启用Java
taintEnabled()	规定浏览器是否启用数据污点(data tainting)

Screen 对象

Screen 对象包含有关客户端显示屏幕的信息。

注意： 没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象。

Screen 对象属性

属性	说明
availHeight	返回屏幕的高度（不包括Windows任务栏）
availWidth	返回屏幕的宽度（不包括Windows任务栏）
colorDepth	返回目标设备或缓冲器上的调色板的比特深度
height	返回屏幕的总高度
pixelDepth	返回屏幕的颜色分辨率（每象素的位数）
width	返回屏幕的总宽度

History 对象

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

注意： 没有应用于History对象的公开标准，不过所有浏览器都支持该对象。

History 对象属性

属性	说明
length	返回历史列表中的网址数

History 对象方法

方法	说明
back()	加载 history 列表中的前一个 URL
forward()	加载 history 列表中的下一个 URL
go()	加载 history 列表中的某个具体页面

Location 对象

Location 对象包含有关当前 URL 的信息。

Location 对象是 window 对象的一部分，可通过 window.location.xxx 格式的相关属性对其进行访问。

注意： 没有应用于Location对象的公开标准，不过所有浏览器都支持该对象。

Location 对象属性

属性	描述
hash	返回一个URL的锚部分
host	返回一个URL的主机名和端口
hostname	返回URL的主机名
href	返回完整的URL
pathname	返回的URL路径名。
port	返回一个URL服务器使用的端口号
protocol	返回一个URL协议
search	返回一个URL的查询部分

Location 对象方法

方法	说明
assign()	载入一个新的文档
reload()	重新载入当前文档
replace()	用新的文档替换当前文档

JavaScript 存储对象

Web 存储 API 提供了 sessionStorage （会话存储）和 localStorage（本地存储）两个存储对象来对网页的数据进行添加、删除、修改、查询操作。

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

存储对象属性

属性	描述
length	返回存储对象中包含多少条数据。

存储对象方法

方法	描述
key(n)	返回存储对象中第 n 个键的名称
getItem(keyname)	返回指定键的值
setItem(keyname, value)	添加键和值，如果对应的值存在，则更新该键对应的值。
removeItem(keyname)	移除键
clear()	清除存储对象中所有的键

Web 存储 API

属性	描述
window.localStorage	在浏览器中存储 key/value 对。没有过期时间。
window.sessionStorage	在浏览器中存储 key/value 对。在关闭窗口或标签页之后将会删除这些数据。

HTML DOM 参考手册

HTML DOM Document 对象

HTML DOM 节点

在 HTML DOM (Document Object Model) 中 , 每一个元素都是节点:

文档是一个文档节点。
所有的HTML元素都是元素节点。
所有 HTML 属性都是属性节点。
文本插入到 HTML 元素是文本节点。are text nodes。
注释是注释节点。

Document 对象

当浏览器载入 HTML 文档, 它就会成为 Document 对象。

Document 对象是 HTML 文档的根节点。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

浏览器支持

所有主要浏览器都支持 Document 对象。

Document 对象属性和方法

HTML文档中可以使用以下属性和方法:

属性 / 方法	描述
document.activeElement	返回当前获取焦点元素
document.addEventListener()	向文档添加句柄
document.adoptNode(node)	从另外一个文档返回 adapded 节点到当前文档。
document.anchors	返回对文档中所有 Anchor 对象的引用。
document.applets	返回对文档中所有 Applet 对象的引用。注意: HTML5 已不支持 <applet> 元素。
document.baseURI	返回文档的绝对基础 URI
document.body	返回文档的body元素
document.close()	关闭用 document.open() 方法打开的输出流，并显示选定的数据。
document.cookie	设置或返回与当前文档有关的所有 cookie。
document.createAttribute()	创建一个属性节点
document.createComment()	createComment() 方法可创建注释节点。
document.createDocumentFragment()	创建空的 DocumentFragment 对象，并返回此对象。
document.createElement()	创建元素节点。
document.createTextNode()	创建文本节点。
document.doctype	返回与文档相关的文档类型声明 (DTD)。
document.documentElement	返回文档的根节点
document.documentMode	返回用于通过浏览器渲染文档的模式
document.documentURI	设置或返回文档的位置
document.domain	返回当前文档的域名。
document.domConfig	已废弃。返回 normalizeDocument() 被调用时所使用的配置。
document.embeds	返回文档中所有嵌入的内容（embed）集合
document.forms	返回对文档中所有 Form 对象引用。
document.getElementsByClassName()	返回文档中所有指定类名的元素集合，作为 NodeList 对象。
document.getElementById()	返回对拥有指定 id 的第一个对象的引用。
document.getElementsByName()	返回带有指定名称的对象集合。
document.getElementsByTagName()	返回带有指定标签名的对象集合。
document.images	返回对文档中所有 Image 对象引用。
document.implementation	返回处理该文档的 DOMImplementation 对象。
document.importNode()	把一个节点从另一个文档复制到该文档以便应用。
document.inputEncoding	返回用于文档的编码方式（在解析时）。
document.lastModified	返回文档被最后修改的日期和时间。
document.links	返回对文档中所有 Area 和 Link 对象引用。
document.normalize()	删除空文本节点，并连接相邻节点
document.normalizeDocument()	删除空文本节点，并连接相邻节点的
document.open()	打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。
document.querySelector()	返回文档中匹配指定的CSS选择器的第一元素
document.querySelectorAll()	document.querySelectorAll() 是 HTML5中引入的新方法，返回文档中匹配的CSS选择器的所有元素节点列表
document.readyState	返回文档状态 (载入中……)
document.referrer	返回载入当前文档的文档的 URL。
document.removeEventListener()	移除文档中的事件句柄(由 addEventListener() 方法添加)
document.renameNode()	重命名元素或者属性节点。
document.scripts	返回页面中所有脚本的集合。
document.strictErrorChecking	设置或返回是否强制进行错误检查。
document.title	返回当前文档的标题。
document.URL	返回文档完整的URL
document.write()	向文档写 HTML 表达式或 JavaScript 代码。
document.writeln()	等同于 write() 方法，不同的是在每个表达式之后写一个换行符。

警告 !!!

在 W3C DOM核心，文档对象
继承节点对象的所有属性和方法。

很多属性和方法在文档中是没有意义的。

HTML 文档对象可以避免使用这些节点对象和属性：

属性 / 方法	避免的原因
document.attributes	文档没有该属性
document.hasAttributes()	文档没有该属性
document.nextSibling	文档没有下一节点
document.nodeName	这个通常是 #document
document.nodeType	这个通常是 9(DOCUMENT_NODE)
document.nodeValue	文档没有一个节点值
document.ownerDocument	文档没有主文档
document.ownerElement	文档没有自己的节点
document.parentNode	文档没有父节点
document.previousSibling	文档没有兄弟节点
document.textContent	文档没有文本节点

HTML DOM 元素对象

HTML DOM 节点

在 HTML DOM (Document Object Model) 中, 每个东西都是节点 :

文档本身就是一个文档对象
所有 HTML 元素都是元素节点
所有 HTML 属性都是属性节点
插入到 HTML 元素文本是文本节点
注释是注释节点

元素对象

在 HTML DOM 中, 元素对象代表着一个 HTML 元素。

元素对象的 子节点可以是, 可以是元素节点，文本节点，注释节点。

NodeList 对象 代表了节点列表，类似于 HTML元素的子节点集合。

元素可以有属性。属性属于属性节点（查看下一章节）。

浏览器支持

所有主流浏览器都支持元素对象和 NodeList 对象。

属性和方法

以上属性和方法可适用于所有 HTML 元素：

属性 / 方法	描述
element.accessKey	设置或返回accesskey一个元素
element.addEventListener()	向指定元素添加事件句柄
element.appendChild()	为元素添加一个新的子元素
element.attributes	返回一个元素的属性数组
element.childNodes	返回元素的一个子节点的数组
element.children	返回元素的子元素的集合
element.classList	返回元素的类名，作为 DOMTokenList 对象。
element.className	设置或返回元素的class属性
element.clientTop	表示一个元素的顶部边框的宽度，以像素表示。
element.clientLeft	表示一个元素的左边框的宽度，以像素表示。
element.clientHeight	在页面上返回内容的可视高度（高度包含内边距（padding），不包含边框（border），外边距（margin）和滚动条）
element.clientWidth	在页面上返回内容的可视宽度（宽度包含内边距（padding），不包含边框（border），外边距（margin）和滚动条）
element.cloneNode()	克隆某个元素
element.compareDocumentPosition()	比较两个元素的文档位置。
element.contentEditable	设置或返回元素的内容是否可编辑
element.dir	设置或返回一个元素中的文本方向
element.firstElementChild	返回元素的第一个子元素
element.firstChild	返回元素的第一个子节点
element.focus()	设置文档或元素获取焦点
element.getAttribute()	返回指定元素的属性值
element.getAttributeNode()	返回指定属性节点
element.getElementsByTagName()	返回指定标签名的所有子元素集合。
element. getElementsByClassName()	返回文档中所有指定类名的元素集合，作为 NodeList 对象。
element.getFeature()	返回指定特征的执行APIs对象。
element.getUserData()	返回一个元素中关联键值的对象。
element.hasAttribute()	如果元素中存在指定的属性返回 true，否则返回false。
element.hasAttributes()	如果元素有任何属性返回true，否则返回false。
element.hasChildNodes()	返回一个元素是否具有任何子元素
element.hasFocus()	返回布尔值，检测文档或元素是否获取焦点
element.id	设置或者返回元素的 id。
element.innerHTML	设置或者返回元素的内容。
element.insertBefore()	现有的子元素之前插入一个新的子元素
element.isContentEditable	如果元素内容可编辑返回 true，否则返回false
element.isDefaultNamespace()	如果指定了namespaceURI 返回 true，否则返回 false。
element.isEqualNode()	检查两个元素是否相等
element.isSameNode()	检查两个元素所有有相同节点。
element.isSupported()	如果在元素中支持指定特征返回 true。
element.lang	设置或者返回一个元素的语言。
element.lastChild	返回最后一个子节点
element.lastElementChild	返回指定元素的最后一个子元素
element.matches()	如果元素匹配指定的 CSS 选择器，matches() 方法就返回 true，否则返回 false。
element.namespaceURI	返回命名空间的 URI。
element.nextSibling	返回该元素紧跟的一个节点
element.nextElementSibling	返回指定元素之后的下一个兄弟元素（相同节点树层中的下一个元素节点）。
element.nodeName	返回元素的标记名（大写）
element.nodeType	返回元素的节点类型
element.nodeValue	返回元素的节点值
element.normalize()	使得此成为一个"normal"的形式，其中只有结构（如元素，注释，处理指令，CDATA节和实体引用）隔开Text节点，即元素（包括属性）下面的所有文本节点，既没有相邻的文本节点也没有空的文本节点
element.offsetHeight	返回任何一个元素的高度包括边框（border）和内边距（padding），但不包含外边距（margin）
element.offsetWidth	返回元素的宽度，包括边框（border）和内边距（padding），但不包含外边距（margin）
element.offsetLeft	返回当前元素的相对水平偏移位置的偏移容器
element.offsetParent	返回元素的偏移容器
element.offsetTop	返回当前元素的相对垂直偏移位置的偏移容器
element.ownerDocument	返回元素的根元素（文档对象）
element.parentNode	返回元素的父节点
element.previousSibling	返回某个元素紧接之前元素
element.previousElementSibling	返回指定元素的前一个兄弟元素（相同节点树层中的前一个元素节点）。
element.querySelector()	返回匹配指定 CSS 选择器元素的第一个子元素
document.querySelectorAll()	返回匹配指定 CSS 选择器元素的所有子元素节点列表
element.removeAttribute()	从元素中删除指定的属性
element.removeAttributeNode()	删除指定属性节点并返回移除后的节点。
element.removeChild()	删除一个子元素
element.removeEventListener()	移除由 addEventListener() 方法添加的事件句柄
element.replaceChild()	替换一个子元素
element.scrollHeight	返回整个元素的高度（包括带滚动条的隐蔽的地方）
element.scrollLeft	返回当前视图中的实际元素的左边缘和左边缘之间的距离
element.scrollTop	返回当前视图中的实际元素的顶部边缘和顶部边缘之间的距离
element.scrollWidth	返回元素的整个宽度（包括带滚动条的隐蔽的地方）
element.setAttribute()	设置或者改变指定属性并指定值。
element.setAttributeNode()	设置或者改变指定属性节点。
element.setIdAttribute()
element.setIdAttributeNode()
element.setUserData()	在元素中为指定键值关联对象。
element.style	设置或返回元素的样式属性
element.tabIndex	设置或返回元素的标签顺序。
element.tagName	作为一个字符串返回某个元素的标记名（大写）
element.textContent	设置或返回一个节点和它的文本内容
element.title	设置或返回元素的title属性
element.toString()	一个元素转换成字符串
nodelist.item()	返回某个元素基于文档树的索引
nodelist.length	返回节点列表的节点数目。

HTML DOM 属性对象

HTML DOM 节点

在 HTML DOM (Document Object Model) 中, 所有的都是节点：

文档是文档节点
所有 HTML 元素是元素节点
所有 HTML 属性都是属性节点
插入到 HTML 元素中的文本为文本节点
注释是注释节点

Attr 对象

在 HTML DOM 中, Attr 对象 代表一个 HTML 属性。

HTML属性总是属于HTML元素。

NamedNodeMap 对象

在 HTML DOM 中, the NamedNodeMap 对象 表示一个无顺序的节点列表。

我们可通过节点名称来访问 NamedNodeMap 中的节点。

浏览器支持

所有主流浏览器都支持 Attr 对象和 NamedNodeMap 对象。

<h3属性和方法< h3="">

属性 / 方法	描述
attr.isId	如果属性是 ID 类型，则 isId 属性返回 true，否则返回 false。
attr.name	返回属性名称
attr.value	设置或者返回属性值
attr.specified	如果属性被指定返回 true ，否则返回 false

nodemap.getNamedItem()	从节点列表中返回的指定属性节点。
nodemap.item()	返回节点列表中处于指定索引号的节点。
nodemap.length	返回节点列表的节点数目。
nodemap.removeNamedItem()	删除指定属性节点
nodemap.setNamedItem()	设置指定属性节点(通过名称)

DOM 4 警告 !!!

在 W3C DOM 内核中, Attr (属性) 对象继承节点对象的所有属性和方法。

在 DOM 4 中, Attr (属性) 对象不再从节点对象中继承。

从长远的代码质量来考虑，在属性对象中你需要避免使用节点对象属性和方法:

属性 / 方法	避免原因
attr.appendChild()	属性没有子节点
attr.attributes	属性没有属性
attr.baseURI	使用 document.baseURI 替代
attr.childNodes	属性没有子节点
attr.cloneNode()	使用 attr.value 替代
attr.firstChild	属性没有子节点
attr.hasAttributes()	属性没有属性
attr.hasChildNodes	属性没有子节点
attr.insertBefore()	属性没有子节点
attr.isEqualNode()	没有意义
attr.isSameNode()	没有意义
attr.isSupported()	通常为 true
attr.lastChild	属性没有子节点
attr.nextSibling	属性没有兄弟节点
attr.nodeName	使用 attr.name 替代
attr.nodeType	通常为 2 (ATTRIBUTE-NODE)
attr.nodeValue	使用 attr.value 替代
attr.normalize()	属性没有规范
attr.ownerDocument	通常为你的 HTML 文档
attr.ownerElement	你用来访问属性的 HTML 元素
attr.parentNode	你用来访问属性的 HTML 元素
attr.previousSibling	属性没有兄弟节点
attr.removeChild	属性没有子节点
attr.replaceChild	属性没有子节点
attr.textContent	使用 attr.value 替代

HTML DOM 事件

HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。

事件通常与函数结合使用，函数不会在事件发生前被执行！
(如用户点击按钮)。

提示： 在 W3C 2 级 DOM 事件中规范了事件模型。

HTML DOM 事件

DOM： 指明使用的 DOM 属性级别。

鼠标事件

属性	描述	DOM
onclick	当用户点击某个对象时调用的事件句柄。	2
oncontextmenu	在用户点击鼠标右键打开上下文菜单时触发
ondblclick	当用户双击某个对象时调用的事件句柄。	2
onmousedown	鼠标按钮被按下。	2
onmouseenter	当鼠标指针移动到元素上时触发。	2
onmouseleave	当鼠标指针移出元素时触发	2
onmousemove	鼠标被移动。	2
onmouseover	鼠标移到某元素之上。	2
onmouseout	鼠标从某元素移开。	2
onmouseup	鼠标按键被松开。	2

键盘事件

属性	描述	DOM
onkeydown	某个键盘按键被按下。	2
onkeypress	某个键盘按键被按下并松开。	2
onkeyup	某个键盘按键被松开。	2

框架/对象（Frame/Object）事件

属性	描述	DOM
onabort	图像的加载被中断。 ( <object>)	2
onbeforeunload	该事件在即将离开页面（刷新或关闭）时触发	2
onerror	在加载文档或图像时发生错误。 ( <object>, <body>和 <frameset>)
onhashchange	该事件在当前 URL 的锚部分发生修改时触发。
onload	一张页面或一幅图像完成加载。	2
onpageshow	该事件在用户访问页面时触发
onpagehide	该事件在用户离开当前网页跳转到另外一个页面时触发
onresize	窗口或框架被重新调整大小。	2
onscroll	当文档被滚动时发生的事件。	2
onunload	用户退出页面。 ( <body> 和 <frameset>)	2

表单事件

属性	描述	DOM
onblur	元素失去焦点时触发	2
onchange	该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>)	2
onfocus	元素获取焦点时触发	2
onfocusin	元素即将获取焦点时触发	2
onfocusout	元素即将失去焦点时触发	2
oninput	元素获取用户输入时触发	3
onreset	表单重置时触发	2
onsearch	用户向搜索域输入文本时触发 ( <input="search">)
onselect	用户选取文本时触发 ( <input> 和 <textarea>)	2
onsubmit	表单提交时触发	2

剪贴板事件

属性	描述	DOM
oncopy	该事件在用户拷贝元素内容时触发
oncut	该事件在用户剪切元素内容时触发
onpaste	该事件在用户粘贴元素内容时触发

打印事件

属性	描述	DOM
onafterprint	该事件在页面已经开始打印，或者打印窗口已经关闭时触发
onbeforeprint	该事件在页面即将开始打印时触发

拖动事件

事件	描述	DOM
ondrag	该事件在元素正在拖动时触发
ondragend	该事件在用户完成元素的拖动时触发
ondragenter	该事件在拖动的元素进入放置目标时触发
ondragleave	该事件在拖动元素离开放置目标时触发
ondragover	该事件在拖动元素在放置目标上时触发
ondragstart	该事件在用户开始拖动元素时触发
ondrop	该事件在拖动元素放置在目标区域时触发

多媒体（Media）事件

事件	描述	DOM
onabort	事件在视频/音频（audio/video）终止加载时触发。
oncanplay	事件在用户可以开始播放视频/音频（audio/video）时触发。
oncanplaythrough	事件在视频/音频（audio/video）可以正常播放且无需停顿和缓冲时触发。
ondurationchange	事件在视频/音频（audio/video）的时长发生变化时触发。
onemptied	当期播放列表为空时触发
onended	事件在视频/音频（audio/video）播放结束时触发。
onerror	事件在视频/音频（audio/video）数据加载期间发生错误时触发。
onloadeddata	事件在浏览器加载视频/音频（audio/video）当前帧时触发触发。
onloadedmetadata	事件在指定视频/音频（audio/video）的元数据加载后触发。
onloadstart	事件在浏览器开始寻找指定视频/音频（audio/video）触发。
onpause	事件在视频/音频（audio/video）暂停时触发。
onplay	事件在视频/音频（audio/video）开始播放时触发。
onplaying	事件在视频/音频（audio/video）暂停或者在缓冲后准备重新开始播放时触发。
onprogress	事件在浏览器下载指定的视频/音频（audio/video）时触发。
onratechange	事件在视频/音频（audio/video）的播放速度发送改变时触发。
onseeked	事件在用户重新定位视频/音频（audio/video）的播放位置后触发。
onseeking	事件在用户开始重新定位视频/音频（audio/video）时触发。
onstalled	事件在浏览器获取媒体数据，但媒体数据不可用时触发。
onsuspend	事件在浏览器读取媒体数据中止时触发。
ontimeupdate	事件在当前的播放位置发送改变时触发。
onvolumechange	事件在音量发生改变时触发。
onwaiting	事件在视频由于要播放下一帧而需要缓冲时触发。

动画事件

事件	描述	DOM
animationend	该事件在 CSS 动画结束播放时触发
animationiteration	该事件在 CSS 动画重复播放时触发
animationstart	该事件在 CSS 动画开始播放时触发

过渡事件

事件	描述	DOM
transitionend	该事件在 CSS 完成过渡后触发。

其他事件

事件	描述	DOM
onmessage	该事件通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发
onmousewheel	已废弃。使用 onwheel 事件替代
ononline	该事件在浏览器开始在线工作时触发。
onoffline	该事件在浏览器开始离线工作时触发。
onpopstate	该事件在窗口的浏览历史（history 对象）发生改变时触发。
onshow	该事件当 <menu> 元素在上下文菜单显示时触发
onstorage	该事件在 Web Storage(HTML 5 Web 存储)更新时触发
ontoggle	该事件在用户打开或关闭 <details> 元素时触发
onwheel	该事件在鼠标滚轮在元素上下滚动时触发

事件对象

常量

静态变量	描述	DOM
CAPTURING-PHASE	当前事件阶段为捕获阶段(1)	1
AT-TARGET	当前事件是目标阶段,在评估目标事件(1)	2
BUBBLING-PHASE	当前的事件为冒泡阶段 (3)	3

属性

属性	描述	DOM
bubbles	返回布尔值，指示事件是否是起泡事件类型。	2
cancelable	返回布尔值，指示事件是否可拥可取消的默认动作。	2
currentTarget	返回其事件监听器触发该事件的元素。	2
eventPhase	返回事件传播的当前阶段。	2
target	返回触发此事件的元素（事件的目标节点）。	2
timeStamp	返回事件生成的日期和时间。	2
type	返回当前 Event 对象表示的事件的名称。	2

方法

方法	描述	DOM
initEvent()	初始化新创建的 Event 对象的属性。	2
preventDefault()	通知浏览器不要执行与事件关联的默认动作。	2
stopPropagation()	不再派发事件。	2

目标事件对象

方法

方法	描述	DOM
addEventListener()	允许在目标事件中注册监听事件(IE8 = attachEvent())	2
dispatchEvent()	允许发送事件到监听器上 (IE8 = fireEvent())	2
removeEventListener()	运行一次注册在事件目标上的监听事件(IE8 = detachEvent())	2

事件监听对象

方法

方法	描述	DOM
handleEvent()	把任意对象注册为事件处理程序	2

文档事件对象

方法

方法	描述	DOM
createEvent()		2

鼠标/键盘事件对象

属性

属性	描述	DOM
altKey	返回当事件被触发时，"ALT" 是否被按下。	2
button	返回当事件被触发时，哪个鼠标按钮被点击。	2
clientX	返回当事件被触发时，鼠标指针的水平坐标。	2
clientY	返回当事件被触发时，鼠标指针的垂直坐标。	2
ctrlKey	返回当事件被触发时，"CTRL" 键是否被按下。	2
Location	返回按键在设备上的位置	3
charCode	返回onkeypress事件触发键值的字母代码。	2
key	在按下按键时返回按键的标识符。	3
keyCode	返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。	2
which	返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。	2
metaKey	返回当事件被触发时，"meta" 键是否被按下。	2
relatedTarget	返回与事件的目标节点相关的节点。	2
screenX	返回当某个事件被触发时，鼠标指针的水平坐标。	2
screenY	返回当某个事件被触发时，鼠标指针的垂直坐标。	2
shiftKey	返回当事件被触发时，"SHIFT" 键是否被按下。	2

方法

方法	描述	W3C
initMouseEvent()	初始化鼠标事件对象的值	2
initKeyboardEvent()	初始化键盘事件对象的值	3

Console 对象

Console 对象提供了访问浏览器调试模式的信息到控制台。

方法	描述
assert()	如果断言为 false，则在信息到控制台输出错误信息。
clear()	清除控制台上的信息。
count()	记录 count() 调用次数，一般用于计数。
error()	输出错误信息到控制台
group()	在控制台创建一个信息分组。一个完整的信息分组以 console.group() 开始，console.groupEnd() 结束
groupCollapsed()	在控制台创建一个信息分组。类似 console.group() ，但它默认是折叠的。
groupEnd()	设置当前信息分组结束
info()	控制台输出一条信息
log()	控制台输出一条信息
table()	以表格形式显示数据
time()	计时器，开始计时间，与 timeEnd() 联合使用，用于算出一个操作所花费的准确时间。
timeEnd()	计时结束
trace()	显示当前执行的代码在堆栈中的调用路径。
warn()	输出警告信息，信息最前面加一个黄色三角，表示警告

CSS 样式声明对象(CSSStyleDeclaration)

CSSStyleDeclaration 对象

CSSStyleDeclaration 对象表示一个 CSS 属性-值（property-value）对的集合。

CSSStyleDeclaration 对象属性

属性	描述
cssText	设置或返回样式声明文本，cssText 对应的是 HTML 元素的 style 属性。
length	返回样式中包含多少条声明。
parentRule	返回包含当前规则的规则。

CSSStyleDeclaration 对象方法

方法	描述
getPropertyPriority()	返回指定的 CSS 属性是否设置了 "important!" 属性。
getPropertyValue()	返回指定的 CSS 属性值。
item()	通过索引方式返回 CSS 声明中的 CSS 属性名。
removeProperty()	移除 CSS 声明中的 CSS 属性。
setProperty()	在 CSS 声明块中新建或者修改 CSS 属性。

DOM HTMLCollection

HTMLCollection 是 HTML 元素的集合。

HTMLCollection 对象类似一个包含 HTML 元素的数组列表。

getElementsByTagName() 方法返回的就是一个 HTMLCollection 对象。

属性和方法

下表列出了 HTMLCollection 对象中的属性和方法：

属性 / 方法	描述
item()	返回 HTMLCollection 中指定索引的元素。
length	返回 HTMLCollection 中元素的数量。
namedItem()	返回 HTMLCollection 中指定 ID 或 name 属性的元素。

HTML DOM 元素对象参考手册

Anchor 对象

Anchor 对象表示 HTML 超链接。

在 HTML 文档中 <a> 标签每出现一次，就会创建 Anchor 对象。

锚可用于创建指向另一个文档的链接（通过 href 属性），或者创建文档内的书签（通过 name 属性）。

您可以通过搜索 Document 对象中的 anchors[] 数组来访问锚，或者使用 document.getElementById()。

Anchor 对象属性

W3C： W3C 标准。

属性	描述	W3C
charset	设置或返回被链接资源的字符集。	Yes
href	设置或返回被链接资源的 URL。	Yes
hreflang	设置或返回被链接资源的语言代码。	Yes
name	设置或返回一个链接的名称。	Yes
rel	设置或返回当前文档与目标 URL 之间的关系。	Yes
rev	设置或返回目标 URL 与之间当前文档的关系。	Yes
target	设置或返回在何处打开链接。	Yes
type	设置或返回被链接资源的 MIME 类型。	Yes

标准属性和事件

Anchor 对象同样支持标准属性和事件。

Area 对象

Area 对象代表图像映射的一个区域（图像映射指的是带有可点击区域的图像）

在 HTML 文档中 <area> 标签每出现一次，就会创建一个 Area 对象。

Area 对象属性

W3C： W3C 标准：

属性	描述	W3C
alt	设置或返回当浏览器无法显示某个区域时的替换文字。	Yes
coords	设置或返回图像映射中可点击区域的坐标。	Yes
hash	设置或返回某个区域中 URL 的锚部分。	Yes
host	设置或返回某个区域中 URL 的主机名和端口。	Yes
hostname	设置或返回href属性值得主机部分。	Yes
href	设置或返回某个区域中href属性值	Yes
noHref	设置或者返回某个区域的 nohref 属性值。	Yes
pathname	设置或者返回某个区域 href 属性值的路径名部分。	Yes
port	设置或者返回某个区域 href 属性值的端口部分。	Yes
protocol	设置或者返回某个区域 href 属性值的协议部分。	Yes
search	设置或者返回某个区域 href 属性值的查询字符串部分。	Yes
shape	设置或者返回某个区域 shape属性值。	Yes
target	设置或者返回某个区域 target 属性值。	Yes

标准属性和事件

Area 对象同样支持标准的属性和事件.

Base 对象

Base 对象代表 HTML 的 base 元素。

base 元素适用页面中于指定的默认地址或者所有链接的目标地址。

在 HTML 文档中 <base> 每出现一次，Base 对象就会被创建。

Base 对象属性

W3C： W3C 标准。

属性	描述	W3C
href	设置或返回针对页面中所有链接的基准 URL。	Yes
target	设置或返回针对页面中所有链接的默认目标框架。	Yes

标准属性和事件

Base 对象同样支持标准的属性和事件。

Body 对象

Body 对象代表了 HTML body 元素。

Body 对象代表文档的主体 (HTML body) 。

body 元素包含了所有的 HTML 文档，如文本，超级链接，图片，表格，列表，等等。

Body 对象属性

W3C: W3C 标准。

属性	描述	W3C
aLink	设置或者返回主体元素的 alink 属性。	Yes
background	设置或者返回body元素的 background 属性。	Yes
bgColor	设置或者返回body元素的 bgColor 属性。	Yes
link	设置或者返回主体元素的 link 属性。	Yes
text	设置或者返回主体元素的 text 属性。	Yes
vLink	设置或者返回主体元素的 vLink 属性。	Yes

Body 对象事件

事件	描述	W3C
onload	脚本在页面完全载入后会被立即执行。	Yes

标准属性和事件

Body 对象同样支持标准的属性和事件。

Button 对象

Button 对象代表一个按钮。

在 HTML 文档中 <button> 标签每出现一次，Button 对象就会被创建。

在 HTML button 元素中你可以添加内容，如文本或者图片，这是与input 按钮（button）类型的不同之处。

Button 对象属性。

W3C: W3C 标准。

属性	描述	W3C
disabled	设置或返回是否禁用按钮。	Yes
form	返回对包含按钮的表单的引用。	Yes
name	设置或返回按钮的名称。	Yes
type	返回按钮的表单类型。	Yes
value	设置或返回显示在按钮上的文本。	Yes

标准属性和事件

Button 对象同样支持标准的属性和事件。

Form 对象

Form 对象代表一个 HTML 表单。

在 HTML 文档中 <form> 每出现一次，Form 对象就会被创建。

表单用户通常用于收集用户数据，包含了 input 元素如：文本字段，复选框，单选框，提交按钮等待。表单也可以说选项菜单, textarea, fieldset, legend, 和 label 元素。

表单用于向服务端发送数据。

Form 对象收集

W3C: W3C 标准。

集合	描述	W3C
elements[]	包含表单中所有元素的数组。	Yes

Form 对象属性

属性	描述	W3C
acceptCharset	服务器可接受的字符集。	Yes
action	设置或返回表单的 action 属性。	Yes
enctype	设置或返回表单用来编码内容的 MIME 类型。	Yes
length	返回表单中的元素数目。	Yes
method	设置或返回将数据发送到服务器的 HTTP 方法。	Yes
name	设置或返回表单的名称。	Yes
target	设置或返回表单提交结果的 Frame 或 Window 名。	Yes

Form 对象方法

方法	描述	W3C
reset()	重置一个表单	Yes
submit()	提交一个表单	Yes

Form 对象事件

事件	描述	W3C
onreset	在重置表单元素之前调用。	Yes
onsubmit	在提交表单之前调用。	Yes

标准属性和事件

Form 对象同样支持标准的属性和事件。

Frame 对象

Frame 对象代表一个 HTML 框架。

<frame>标签定义了在框架中一个特定的窗口（框架）。

在 HTML 文档中 <frame> 每出现一次，就会创建一个 Frame对象。

IFrame 对象

IFrame 对象代表一个 HTML 的内联框架。

在 HTML 文档中 <iframe> 每出现一次，一个 IFrame 对象就会被创建。

Frame/IFrame 对象属性

W3C: W3C 标准。

属性	描述	W3C
align	根据周围的文字排列 iframe。	Yes
contentDocument	容纳框架的内容的文档。返回 frame/iframe 生成的文档对象。	Yes
contentWindow	返回 frame/iframe 生成的 window 对象。	No
frameBorder	设置或返回是否显示框架周围的边框。	Yes
height	设置或返回 iframe 的高度。	Yes
longDesc	设置或返回指向包含框架内容描述文档的 URL。	Yes
marginHeight	设置或返回 iframe 的顶部和底部的页空白。	Yes
marginWidth	设置或返回 frame/iframe 的左侧和右侧的页空白。	Yes
name	设置或返回 frame/iframe 的名称。	Yes
noResize	设置或返回框架是否可调整大小。	Yes
scrolling	设置或返回框架是否可拥有滚动条。	Yes
src	设置或返回应被加载到框架中的文档的 URL。	Yes
width	设置或返回 iframe 的宽度。	Yes

Frame/IFrame 对象事件

事件	描述	W3C
onload	当框架载入后立即执行脚本。	Yes

标准属性和事件

Frame/IFrame 对象同样支持标准的属性和事件。

Frameset 对象

Frameset 对象代表 HTML 框架集。

HTML frameset 元素拥有两个或者更多的 frame 元素。每个frame
元素拥有一个单独的文件。

HTML frameset 元素规定框架集只有几行或列会。

Frameset 对象属性

W3C: W3C 标准。

属性	描述	W3C
cols	设置或返回框架集中列的数目。	Yes
rows	设置或返回框架集中行的数目。	Yes

Frameset 对象事件

事件	描述	W3C
onload	在页面载入完成后立即执行脚本。	Yes

标准属性和事件

Frameset 对象同样支持标准的属性和事件。

Image 对象

Image 对象代表嵌入的图像。

<img> 标签每出现一次，一个 Image 对象就会被创建。

Image 对象属性

W3C: W3C 标准。

属性	描述	W3C
align	设置或返回与内联内容的对齐方式。	Yes
alt	设置或返回无法显示图像时的替代文本。	Yes
border	设置或返回图像周围的边框。	Yes
complete	返回浏览器是否已完成对图像的加载。	No
height	设置或返回图像的高度。	Yes
hspace	设置或返回图像左侧和右侧的空白。	Yes
longDesc	设置或返回指向包含图像描述的文档的 URL。	Yes
lowsrc	设置或返回指向图像的低分辨率版本的 URL。	No
name	设置或返回图像的名称。	Yes
src	设置或返回图像的 URL。	Yes
useMap	设置或返回客户端图像映射的 usemap 属性的值。	Yes
vspace	设置或返回图像的顶部和底部的空白。	Yes
width	设置或返回图像的宽度。	Yes

Image 对象事件

事件	描述	W3C
onabort	当用户放弃图像的装载时调用的事件句柄。	Yes
onerror	在装载图像的过程中发生错误时调用的事件句柄。	Yes
onload	当图像装载完毕时调用的事件句柄。	Yes

标准属性和事件

Image 对象同样支持标准的属性和事件。

Button 对象

Button 对象代表 HTML 文档中的一个按钮。

该元素没有默认的行为，但是必须有一个 onclick 事件句柄以便使用。

在 HTML 文档中 <input type="button"> 标签每出现一次，一个 Button 对象就会被创建。

您可以通过遍历表单的 elements[] 数组来访问某个按钮，或者通过使用 document.getElementById()。

Button 对象属性

W3C: W3C 标准。

属性	描述	W3C
disabled	设置或返回是否禁用按钮。	Yes
form	返回对包含该按钮的表单对象的引用。	Yes
name	设置或返回按钮的名称。	Yes
type	返回按钮的表单元素类型。	Yes
value	设置或返回在按钮上显示的文本。	Yes

标准属性和事件

Button 对象同样支持标准的属性和事件。

Checkbox 对象

Checkbox 对象代表一个 HTML 表单中的一个选择框。

在 HTML 文档中 <input type="checkbox"> 每出现一次，Checkbox 对象就会被创建。

您可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 document.getElementById() 。

Checkbox 对象属性

W3C: W3C 标准。

属性	描述	W3C
disabled	设置或返回 checkbox 是否应被禁用。	Yes
checked	设置或返回 checkbox 是否应被选中。	Yes
defaultChecked	返回 checked 属性的默认值。	Yes
form	返回对包含 checkbox 的表单的引用。	Yes
name	设置或返回 checkbox 的名称。	Yes
type	返回 checkbox 的表单元素类型。	Yes
value	设置或返回 checkbox 的 value 属性的值	Yes

标准属性和事件

Checkbox 对象同样支持标准的属性和事件。

FileUpload 对象

在 HTML 文档中 <input type="file"> 标签每出现一次，一个 FileUpload 对象就会被创建。

该元素包含一个文本输入字段，用来输入文件名，还有一个按钮，用来打开文件选择对话框以便图形化选择文件。

该元素的 value 属性保存了用户指定的文件的名称，但是当包含一个 file-upload 元素的表单被提交的时候，浏览器会向服务器发送选中的文件的内容而不仅仅是发送文件名。

为安全起见，file-upload 元素不允许 HTML 作者或 JavaScript 程序员指定一个默认的文件名。HTML value 属性被忽略，并且对于此类元素来说，value 属性是只读的，这意味着只有用户可以输入一个文件名。当用户选择或编辑一个文件名，file-upload 元素触发 onchange 事件句柄。

您可以通过遍历表单的 elements[] 数组，或者通过使用 document.getElementById()来访问 FileUpload 对象。

FileUpload 对象属性

W3C: W3C 标准。

属性	描述	W3C
disabled	设置或返回是否禁用 FileUpload 对象。	Yes
accept	设置或返回指示文件传输的 MIME 类型的列表（逗号分隔）。	Yes
form	返回对包含 FileUpload 对象的表单的引用。	Yes
name	设置或返回 FileUpload 对象的名称。	Yes
type	返回表单元素的类型。对于 FileUpload ，则是 "file" 。	Yes
value	返回由用户输入设置的文本后，FileUpload 对象的文件名。	Yes

标准属性和事件

FileUpload 对象同样支持标准的属性和事件。

Hidden 对象

Hidden 对象代表一个 HTML 表单中的某个隐藏输入域。

这种类型的输入元素实际上是隐藏的。这个不可见的表单元素的 value 属性保存了一个要提交给 Web 服务器的任意字符串。如果想要提交并非用户直接输入的数据的话，就是用这种类型的元素。

在 HTML 表单中 <input type="hidden"> 标签每出现一次，一个 Hidden 对象就会被创建。

您可通过遍历表单的 elements[] 数组来访问某个隐藏输入域，或者通过使用document.getElementById()。

Hidden 对象属性

W3C: W3C 标准。

属性	描述	W3C
form	返回一个对包含隐藏域的表单的引用。	Yes
name	设置或返回隐藏域的名称。	Yes
type	返回隐藏输入域的表单类型。	Yes
value	设置或返回隐藏域的 value 属性的值。	Yes

标准属性和事件

Hidden 对象同样支持标准的属性和事件。

Password 对象

Password 对象代表 HTML 表单中的密码字段。

HTML 的 <input type="password"> 标签在表单上每出现一次，一个 Password 对象就会被创建。

该文本输入字段供用户输入某些敏感的数据，比如密码等。当用户输入的时候，他的输入是被掩盖的（例如使用星号*），以防止旁边的人从他背后看到输入的内容。不过需要注意的是，当表单提交时，输入是用明文发送的。

与类型为 "text" 的元素类似，当用户改变显示值时，它会触发 onchange 事件句柄。

您可以通过遍历表单的 elements[] array 来访问密码字段，或者通过使用 document.getElementById() 。

Password 对象属性

W3C: W3C 标准。

属性	描述	W3C
defaultValue	设置或返回密码字段的默认值。	Yes
disabled	设置或返回是否应被禁用密码字段。	Yes
form	返回对包含此密码字段的表单的引用。	Yes
maxLength	设置或返回密码字段中字符的最大数目。	Yes
name	设置或返回密码字段的名称。	Yes
readOnly	设置或返回密码字段是否应当是只读的。	Yes
size	设置或返回密码字段的长度。	Yes
type	返回密码字段的表单元素类型。	Yes
value	设置或返回密码字段的 value 属性的值。	Yes

Password 对象方法

方法	描述	W3C
select()	选取密码字段中的文本。	Yes

标准属性和事件

Password 对象同样支持标准的属性和事件。

Radio Object

Radio 对象代表 HTML 表单中的单选按钮。

在 HTML 表单中 <input type="radio"> 每出现一次，一个 Radio 对象就会被创建。

单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。

当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。

您可通过遍历表单的 elements[] 数组来访问 Radio 对象，或者通过使用 document.getElementById()。

Radio 对象属性

W3C: W3C 标准。

属性	描述	W3C
checked	设置或返回单选按钮的状态。	Yes
defaultChecked	返回单选按钮的默认状态。	Yes
disabled	设置或返回是否禁用单选按钮。	Yes
form	返回一个对包含此单选按钮的表单的引用。	Yes
name	设置或返回单选按钮的名称。	Yes
type	返回单选按钮的表单类型。	Yes
value	设置或返回单选按钮的 value 属性的值。	Yes

标准属性和事件

Radio对象同样支持标准的属性和事件。

Reset 对象

在 HTML 表单中 <input type="reset"> 标签每出现一次，一个 Reset 对象就会被创建。

当重置按钮被点击，包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。

重置按钮在重置表单之前触发 onclick 句柄，并且这个句柄可以通过返回 fasle 来取消。

您可以通过遍历表单的 elements[] 数组来访问某个重置按钮，或者通过使用document.getElementById()。

Reset 对象属性

W3C: W3C 标准。

属性	描述	W3C
disabled	设置或返回重置按钮是否应被禁用。	Yes
form	返回一个对包含此重置按钮的表单对象的引用。	Yes
name	设置或返回重置按钮的名称。	Yes
type	返回重置按钮的表单元素类型。	Yes
value	设置或返回重置按钮上显示的文本。	Yes

标准属性和事件

Reset 对象同样支持标准的属性和事件。

Submit 对象

Submit 对象代表 HTML 表单中的一个提交按钮 (submit button)。

在 HTML 表单中 <input type="submit"> 标签每出现一次，一个 Submit 对象就会被创建。

在表单提交之前，触发 onclick 事件句柄，并且一个句柄可以通过返回 fasle 来取消表单提交。

您可以通过遍历表单的 elements[] 数组来访问某个提交按钮，或者通过使用document.getElementById()。

Submit 对象属性

W3C: W3C 标准。

属性	描述	W3C
disabled	设置或返回提交按钮是否应被禁用。	Yes
form	返回一个对包含此提交按钮的表单的引用。	Yes
name	设置或返回提交按钮的名称。	Yes
type	返回提交按钮的表单元素类型。	Yes
value	设置或返回在提交按钮上显示的文本。	Yes

标准属性和事件

Submit 对象同样支持标准的属性和事件。

Input Text 对象

Input Text 对象代表 HTML 中 type="text" 的 <input> 元素。

访问 Input Text 对象

你可以通过 getElementById() 访问 type="text" 的 <input> 元素：

var
x = document.getElementById("myText");

提示： 同样，你可以通过查找表单 elements 集合来访问 Input Text 对象。

创建 Input Text 对象

你可以通过 document.createElement() 方法来创建 type="text" 的 <input> 元素:

var x = document.createElement("INPUT");
x.setAttribute("type", "text");

Input Text 对象属性

= HTML5 新增属性。

属性	描述
autocomplete	设置或返回文本域的 autocomplete 属性值
autofocus	在页面加载后设置或返回文本域是否自动获取焦点
defaultValue	设置或返回文本域的默认值
disabled	设置或返回文本域是否禁用
form	返回一个对包含文本域的表单对象的引用
list	返回一个对包含文本域的选项列表对象的引用
maxLength	设置或返回文本域中的最大字符数
name	设置或返回文本域的名称
pattern	设置或返回文本域的 pattern 属性值
placeholder	设置或返回文本域的 placeholder 属性值
readOnly	设置或返回文本域是否应是只读的
required	设置或返回 whether the text field must be filled out before submitting a form
size	设置或返回文本域的 size 属性值
type	返回文本域的表单元素类型
value	设置或返回文本域的 value 属性值

Input Text 对象方法

方法	描述
blur()	从文本域中移除焦点
focus()	让文本域获取焦点
select()	选取文本域的内容

标准属性和事件

Input Text 对象同样支持标准属性和事件。

Link 对象

Link 对象代表某个 HTML 的 <link> 元素。<link> 元素可定义两个链接文档之间的关系。

Link 对象属性

W3C： W3C 标准。

属性	描述	W3C
charset	设置或返回目标 URL 的字符编码。	Yes
href	设置或返回被链接资源的 URL。	Yes
hreflang	设置或返回目标 URL 的基准语言。	Yes
media	设置或返回文档显示的设备类型。	Yes
rel	设置或返回当前文档与目标 URL之间的关系。	Yes
rev	设置或返回目标 URL 与当前文档之间的关系。	Yes
type	设置或返回目标 URL 的 MIME 类型。	Yes

标准属性和事件

Link 对象同样支持标准的属性和事件。

Meta 对象

Meta 对象代表 HTML 的一个 <meta> 元素。

Meta 对象属性

W3C: W3C 标准。

属性	描述	W3C
content	设置或返回 <meta> 元素的 content 属性的值。	Yes
httpEquiv	把 content 属性连接到一个 HTTP 头部。	Yes
name	把 content 属性连接到某个名称。	Yes
scheme	设置或返回用于解释 content 属性的值的格式。	Yes

标准属性和事件

Meta 对象同样支持标准的属性和事件。

Object 对象

Object 对象表示一个 HTML <object> 元素。

访问 Object 对象

您可以使用 getElementById() 来访问 <object> 元素：

var
x = document.getElementById("myObject");
尝试一下

创建 Object 对象

您可以使用 document.createElement() 方法来创建 <object> 元素：

var x = document.createElement("OBJECT");
尝试一下

Object 对象属性

属性	描述
align	HTML5 中不支持。使用 style.cssFloat 替代。设置或返回对象相对于周围文本的对齐方式。
archive	HTML5 中不支持。设置或返回一个用于实现对象存档功能的字符串。
border	HTML5 中不支持。使用 style.border 替代。设置或返回围绕对象的边框。
code	HTML5 中不支持。设置或返回文件的 URL，该文件包含已编译的 Java 类。
codeBase	HTML5 中不支持。设置或返回组件的 URL。
codeType	HTML5 中不支持。
data
declare	HTML5 中不支持。
form	返回对对象的父表单的引用。
height	设置或返回对象的高度。
hspace	HTML5 中不支持。使用 style.margin 替代。设置或返回对象的水平外边距。
name	设置或返回对象的名称。
standby	HTML5 中不支持。设置或返回在加载对象时的消息。
type	设置或返回通过 data 属性下载的数据的内容类型。
useMap
vspace	HTML5 中不支持。使用 style.margin 替代。设置或返回对象的垂直外边距。
width	设置或返回对象的宽度。

标准属性和事件

Object 对象同样支持标准属性和事件。

HTML 参考手册：HTML <object> 标签

Option 对象

Option 对象代表 HTML 表单中下拉列表中的一个选项。

在 HTML 表单中 <option> 标签每出现一次，一个 Option 对象就会被创建。

您可通过表单的 elements[] 数组访问一个 Option 对象，或者通过使用 document.getElementById()。

Option 对象属性

W3C： W3C 标准。

属性	描述	W3C
defaultSelected	返回 selected 属性的默认值。	Yes
disabled	设置或返回选项是否应被禁用。	Yes
form	返回对包含选项的表单的引用	Yes
index	返回对包含该元素的 <form> 元素的引用。	Yes
selected	设置或返回 selected 属性的值。	Yes
text	设置或返回某个选项的纯文本值。	Yes
value	设置或返回被送往服务器的值。	Yes

标准属性和事件

Option 对象同样支持标准的属性和事件。

Select 对象

Select 对象代表 HTML 表单中的一个下拉列表。

在 HTML 表单中，<select> 标签每出现一次，一个 Select 对象就会被创建。

您可通过遍历表单的 elements[] 数组来访问某个 Select 对象，或者使用 document.getElementById()。

Select 对象集合

W3C： W3C 标准。

集合	描述	W3C
options	返回包含下拉列表中的所有选项的一个数组。	Yes

Select 对象属性

属性	描述	W3C
disabled	设置或返回是否应禁用下拉列表。	Yes
form	返回对包含下拉列表的表单的引用。	Yes
length	返回下拉列表中的选项数目。	Yes
multiple	设置或返回是否选择多个项目。	Yes
name	设置或返回下拉列表的名称。	Yes
selectedIndex	设置或返回下拉列表中被选项目的索引号。	Yes
size	设置或返回下拉列表中的可见行数。	Yes
type	返回下拉列表的表单类型。	Yes

Select 对象方法

方法	描述	W3C
add()	向下拉列表添加一个选项。	Yes
remove()	从下拉列表中删除一个选项。	Yes

标准属性和事件

Select 对象同样支持标准的属性和事件。

Style 对象

Style 对象表示一个个别的样式声明。

访问 Style 对象

Style 对象可以从文档的头部区域访问，或者从指定的 HTML 元素访问。

从文档的头部区域访问 style 对象：

var x = document.getElementsByTagName("STYLE");

访问一个指定元素的 style 对象：

var x = document.getElementById("myh2").style;

创建 Style 对象

您可以使用 document.createElement() 方法来创建 <style> 元素：

var x = document.createElement("STYLE");

您也可以设置一个已有元素的 style 属性：

document.getElementById("myh2").style.color = "red";

Style 对象属性

"CSS" 列表示该属性是在哪一个 CSS 版本中定义的（CSS1、CSS2 或 CSS3）。

属性	描述	CSS
alignContent	设置或返回当灵活容器内的各项没有占用所有可用的空间时各项之间的对齐方式（水平）。	3
alignItems	设置或返回灵活容器内的各项的对齐方式。	3
alignSelf	设置或返回灵活容器内被选中项目的对齐方式。	3
animation	是下面除了 animationPlayState 属性之外的其他属性的速记属性。	3
animationDelay	设置或返回动画何时开始。	3
animationDirection	设置或返回是否循环交替反向播放动画。	3
animationDuration	设置或返回动画完成需花费的秒数或毫秒数。	3
animationFillMode	设置或返回当动画不播放时（当动画完成时，或当动画有一个延迟未开始播放时），要应用到元素的样式。	3
animationIterationCount	设置或返回动画的播放次数。	3
animationName	设置或返回关键帧 @keyframes 动画的名称。	3
animationTimingFunction	设置或返回动画的速度曲线。	3
animationPlayState	设置或返回动画是运行的还是暂停的。	3
background	设置或返回在一个声明中的所有背景属性。	1
backgroundAttachment	设置或返回背景图像是否固定或随页面滚动。	1
backgroundColor	设置或返回元素的背景色。	1
backgroundImage	设置或返回元素的背景图像。	1
backgroundPosition	设置或返回的背景图像的起始位置。	1
backgroundRepeat	设置或返回如何重复背景图像。	1
backgroundClip	设置或返回背景的绘制区域。	3
backgroundOrigin	设置或返回背景图像的定位区域。	3
backgroundSize	设置或返回背景图像的大小。	3
backfaceVisibility	设置或返回当一个元素背对屏幕时是否可见。	3
border	设置或返回在一个声明中的 borderWidth、borderStyle 和 borderColor。	1
borderBottom	设置或返回在一个声明中的所有 borderBottom* 属性。	1
borderBottomColor	设置或返回下边框的颜色。	1
borderBottomLeftRadius	设置或返回左下角边框的形状。	3
borderBottomRightRadius	设置或返回右下角边框的形状。	3
borderBottomStyle	设置或返回下边框的样式。	1
borderBottomWidth	设置或返回下边框的宽度。	1
borderCollapse	设置或返回表格的边框是否被折叠为一个单一的边框。	2
borderColor	设置或返回元素边框的颜色（最多可以有四个值）。	1
borderImage	一个用于设置或返回所有的 borderImage* 属性的速记属性。	3
borderImageOutset	设置或返回边框图像区域超出边界框的量。	3
borderImageRepeat	设置或返回图像边框是重复拼接图块还是延伸图块。	3
borderImageSlice	设置或返回图像边框的向内偏移。	3
borderImageSource	设置或返回要作为边框使用的图像。	3
borderImageWidth	设置或返回图像边框的宽度。	3
borderLeft	设置或返回在一个声明中的所有 borderLeft* 属性。	1
borderLeftColor	设置或返回左边框的颜色。	1
borderLeftStyle	设置或返回左边框的样式。	1
borderLeftWidth	设置或返回左边框的宽度。	1
borderRadius	一个用于设置或返回四个 border*Radius 属性的速记属性。	3
borderRight	设置或返回在一个声明中的所有 borderRight* 属性。	1
borderRightColor	设置或返回右边框的颜色。	1
borderRightStyle	设置或返回右边框的样式。	1
borderRightWidth	设置或返回右边框的宽度。	1
borderSpacing	设置或返回表格中单元格之间的距离。	2
borderStyle	设置或返回元素边框的样式（最多可以有四个值）。	1
borderTop	设置或返回在一个声明中的所有 borderTop* 属性。	1
borderTopColor	设置或返回上边框的颜色。	1
borderTopLeftRadius	设置或返回左上角边框的形状。	3
borderTopRightRadius	设置或返回右上角边框的形状。	3
borderTopStyle	设置或返回上边框的样式。	1
borderTopWidth	设置或返回上边框的宽度。	1
borderWidth	设置或返回元素边框的宽度（最多可以有四个值）。	1
bottom	设置或返回定位元素的底部位置。	2
boxDecorationBreak	设置或返回分页处元素的背景和边框行为，或者换行处内联元素的背景和边框行为。	3
boxShadow	设置或返回元素的下拉阴影。	3
boxSizing	允许您以特定的方式定义匹配某个区域的特定元素。	3
captionSide	设置或返回表格标题的位置。	2
clear	设置或返回元素相对浮动对象的位置。	1
clip	设置或返回定位元素的可见部分。	2
color	设置或返回文本的颜色。	1
columnCount	设置或返回元素应该被划分的列数。	3
columnFill	设置或返回如何填充列。	3
columnGap	设置或返回列之间的间隔。	3
columnRule	一个用于设置或返回所有的 columnRule* 属性的速记属性。	3
columnRuleColor	设置或返回列之间的颜色规则。	3
columnRuleStyle	设置或返回列之间的样式规则。	3
columnRuleWidth	设置或返回列之间的宽度规则。	3
columns	一个用于设置或返回 columnWidth 和 columnCount 的速记属性。	3
columnSpan	设置或返回一个元素应横跨多少列。	3
columnWidth	设置或返回列的宽度。	3
content	与 :before 和 :after 伪元素一起使用，来插入生成的内容。	2
counterIncrement	增加一个或多个计数器。	2
counterReset	创建或重置一个或多个计数器。	2
cursor	设置或返回鼠标指针显示的光标类型。	2
direction	设置或返回文本的方向。	2
display	设置或返回元素的显示类型。	1
emptyCells	设置或返回是否显示表格中的空单元格的边框和背景。	2
filter	设置或返回图片滤镜(可视效果，如：高斯模糊与饱和度)	3
flex	相对于同一容器其他灵活的项目，设置或返回项目的长度。	3
flexBasis	设置或灵活项目的初始长度。	3
flexDirection	设置或返回灵活项目的方向。	3
flexFlow	是 flexDirection 和 flexWrap 属性的速记属性。	3
flexGrow	设置或返回项目将相对于同一容器内其他灵活的项目进行扩展的量。	3
flexShrink	设置或返回项目将相对于同一容器内其他灵活的项目进行收缩的量。	3
flexWrap	设置或返回灵活项目是否拆行或拆列。	3
cssFloat	设置或返回元素的水平对齐方式。	1
font	设置或返回一个声明中的 fontStyle、fontVariant、fontWeight、fontSize、lineHeight 和 fontFamily。	1
fontFamily	设置或返回文本的字体。	1
fontSize	设置或返回文本的字体尺寸。	1
fontStyle	设置或返回字体样式是否是 normal（正常的）、italic（斜体）或 oblique（倾斜的）。	1
fontVariant	设置或返回是否以小型大写字母显示字体。	1
fontWeight	设置或返回字体的粗细。	1
fontSizeAdjust	当使用备用字体时，确保文本的可读性。	3
fontStretch	从字体库中选择一种正常的、浓缩的或扩大的字体。	3
hangingPunctuation	规定一个标点符号是否可以放置在线框外。	3
height	设置或返回元素的高度。	1
hyphens	设置如何拆分单词来提高段落布局。	3
icon	向作者提供为一个带有等价于图标的元素定义样式的功能。	3
imageOrientation	规定一个用户代理应用到图像上的顺时针方向的旋转。	3
justifyContent	设置或返回当灵活容器内的各项没有占用所有可用的空间时各项之间的对齐方式（垂直）。	3
left	设置或返回定位元素的左部位置。	2
letterSpacing	设置或返回文本中字符之间的空间。	1
lineHeight	设置或返回在文本中行之间的距离。	1
listStyle	设置或返回一个声明中的 listStyleImage、listStylePosition 和 listStyleType。	1
listStyleImage	设置或返回作为列表项标记的图像。	1
listStylePosition	设置或返回列表项标记的位置。	1
listStyleType	设置或返回列表项标记的类型。	1
margin	设置或返回元素的外边距（最多可以有四个值）。	1
marginBottom	设置或返回元素的的下外边距。	1
marginLeft	设置或返回元素的左外边距。	1
marginRight	设置或返回元素的右外边距。	1
marginTop	设置或返回元素的上外边距。	1
maxHeight	设置或返回元素的最大高度。	2
maxWidth	设置或返回元素的最大宽度。	2
minHeight	设置或返回元素的最小高度。	2
minWidth	设置或返回元素的最小宽度。	2
navDown	设置或返回当使用向下箭头导航键时要导航到哪里。	3
navIndex	设置或返回元素的显示顺序。	3
navLeft	设置或返回当使用向左箭头导航键时要导航到哪里。	3
navRight	设置或返回当使用向右箭头导航键时要导航到哪里。	3
navUp	设置或返回当使用向上箭头导航键时要导航到哪里。	3
opacity	设置或返回元素的不透明度。	3
order	设置或返回一个灵活的项目相对于同一容器内其他灵活项目的顺序。	3
orphans	设置或返回当元素内有分页时，必须在页面底部预留的最小行数。	2
outline	设置或返回在一个声明中的所有 outline 属性。	2
outlineColor	设置或返回一个元素周围的轮廓颜色。	2
outlineOffset	对轮廓进行偏移，并在边框边缘进行绘制。	3
outlineStyle	设置或返回一个元素周围的轮廓样式。	2
outlineWidth	设置或返回一个元素周围的轮廓宽度。	2
overflow	设置或返回如何处理呈现在元素框外面的内容。	2
overflowX	规定如果内容溢出元素的内容区域，是否对内容的左/右边缘进行裁剪。	3
overflowY	规定如果内容溢出元素的内容区域，是否对内容的上/下边缘进行裁剪。	3
padding	设置或返回元素的内边距（最多可以有四个值）。	1
paddingBottom	设置或返回元素的下内边距。	1
paddingLeft	设置或返回元素的左内边距。	1
paddingRight	设置或返回元素的右内边距。	1
paddingTop	设置或返回元素的上内边距。	1
pageBreakAfter	设置或返回元素后的分页行为。	2
pageBreakBefore	设置或返回元素前的分页行为。	2
pageBreakInside	设置或返回元素内的分页行为。	2
perspective	设置或返回 3D 元素被查看的视角。	3
perspectiveOrigin	设置或返回 3D 元素的底部位置。	3
position	设置或返回用于元素定位方法的类型（static、relative、absolute 或 fixed）。	2
quotes	设置或返回嵌入引用的引号类型。	2
resize	设置或返回是否可由用户调整元素的尺寸大小。	3
right	设置或返回定位元素的右部位置。	2
tableLayout	设置或返回表格单元格、行、列的布局方式。	2
tabSize	设置或返回制表符（tab）字符的长度。	3
textAlign	设置或返回文本的水平对齐方式。	1
textAlignLast	设置或返回当 text-align 属性设置为 "justify" 时，如何对齐一个强制换行符前的最后一行。	3
textDecoration	设置或返回文本的修饰。	1
textDecorationColor	设置或返回文本修饰的颜色。	3
textDecorationLine	设置或返回文本修饰要使用的线条类型。	3
textDecorationStyle	设置或返回文本修饰中的线条样式。	3
textIndent	设置或返回文本第一行的缩进。	1
textJustify	设置或返回当 text-align 属性设置为 "justify" 时，要使用的对齐方法。	3
textOverflow	设置或返回当文本溢出包含它的元素，应该发生什么。	3
textShadow	设置或返回文本的阴影效果。	3
textTransform	设置或返回文本的大小写。	1
top	设置或返回定位元素的顶部位置。	2
transform	向元素应用 2D 或 3D 转换。	3
transformOrigin	设置或返回被转换元素的位置。	3
transformStyle	设置或返回被嵌套的元素如何呈现在 3D 空间中。	3
transition	一个用于设置或返回四个过渡属性的速记属性。	3
transitionProperty	应用过渡效果的 CSS 属性的名称。	3
transitionDuration	设置或返回完成过渡效果需要花费的时间（以秒或毫秒计）。	3
transitionTimingFunction	设置或返回过渡效果的速度曲线。	3
transitionDelay	设置或返回过渡效果何时开始。	3
unicodeBidi	设置或返回文本是否被重写，以便在同一文档中支持多种语言。	2
verticalAlign	设置或返回元素中内容的垂直对齐方式。	1
visibility	设置或返回元素是否应该是可见的。	2
whiteSpace	设置或返回如何处理文本中的制表符、换行符和空格符。	1
width	设置或返回元素的宽度。	1
wordBreak	设置或返回非 CJK 语言的换行规则。	3
wordSpacing	设置或返回文本中单词之间的空间。	1
wordWrap	允许长单词或 URL 地址换行到下一行。	3
widows	设置或返回一个元素必须在页面顶部的可见行的最小数量。	2
zIndex	设置或返回定位元素的堆叠顺序。	2

Table 对象

Table 对象代表一个 HTML 表格。

在 HTML 文档中 <table> 标签每出现一次，一个 Table 对象就会被创建。

Table 对象集合

W3C： W3C 标准。

集合	描述	W3C
cells	返回包含表格中所有单元格的一个数组。	No
rows	返回包含表格中所有行的一个数组。	Yes
tBodies	返回包含表格中所有 tbody 的一个数组。	Yes

Table 对象属性

属性	描述	W3C
align	已废弃. 表在文档中的水平对齐方式。	D
background	已废弃设置或者返回表格的背景	D
bgColor	已废弃表格的背景颜色。	D
border	已废弃设置或返回表格边框的宽度。 instead	D
caption	返回表格标题。	Yes
cellPadding	设置或返回单元格内容和单元格边框之间的空白量。	Yes
cellSpacing	设置或返回在表格中的单元格之间的空白量。	Yes
frame	设置或返回表格的外部边框。	Yes
height	已废弃设置或者返回表格高度 instead	D
rules	设置或返回表格的内部边框（行线）。	Yes
summary	设置或返回对表格的描述（概述）。	Yes
tFoot	返回表格的 TFoot 对象。如果不存在该元素，则为 null。	Yes
tHead	返回表格的 THead 对象。如果不存在该元素，则为 null。	Yes
width	已废弃设置或返回表格的宽度。	D

Table 对象方法

方法	描述	W3C
createCaption()	为表格创建一个 caption 元素。	Yes
createTFoot()	在表格中创建一个空的 tFoot 元素。	Yes
createTHead()	在表格中创建一个空的 tHead 元素。	Yes
deleteCaption()	从表格删除 caption 元素以及其内容。	Yes
deleteRow()	从表格删除一行。	Yes
deleteTFoot()	从表格删除 tFoot 元素及其内容。	Yes
deleteTHead()	从表格删除 tHead 元素及其内容。	Yes
insertRow()	在表格中插入一个新行。	Yes

标准属性和事件

Table 对象同样支持标准的属性和事件。

td 对象

td 对象代表了 HTML 中数据单元。

在 HTML 表格中每个 <td> 标签都会创建一个 td 对象。

th 对象

th 对象代表了 HTML 标准中的表头单元。

HTML 中每个 <th> 标签都会创建一个 th 对象。

td/th 对象属性

W3C: W3C 标准。

属性	描述	W3C
abbr	设置或返回单元格中内容的缩写版本。	Yes
align	已废弃。设置或返回单元格内部数据的水平排列方式。	D
axis	设置或返回相关单元格的一个逗号分隔的列表。	Yes
background	已废弃。设置或返回表格的背景图片。	D
bgColor	已废弃。设置或返回表格的背景颜色	D
cellIndex	返回单元格在某行的单元格集合中的位置。	Yes
ch	设置或返回单元格的对齐字符。	Yes
chOff	设置或返回单元格的对齐字符的偏移量。	Yes
colSpan	单元格横跨的列数。	Yes
headers	置或返回 header-cell 的 id 值。	Yes
height	已废弃。设置或返回数据单元的高度	D
noWrap	已废弃。 nowrap 属性规定表格单元格中的内容不换行。	D
rowSpan	设置或返回单元格可横跨的行数。	Yes
vAlign	设置或返回表格单元格内数据的垂直排列方式。	Yes
width	已废弃。设置或返回单元格的宽度。	D

标准属性和事件

td/th 对象同样支持标准的属性和事件。

tr 对象

tr 对象代表了 HTML 表格的行。

HTML文档中出现一个 <tr> 标签，就会创建一个tr对象。

tr 对象集合

W3C： W3C 标签。

集合	描述	W3C
cells	返回表格行中所有<td>和<th>元素的集合	Yes

tr 对象属性

属性	描述	W3C
align	已废弃。设置或返回在行中数据的水平排列。	D
bgColor	已废弃。设置或返回表格行的的颜色。	D
ch	设置或返回在行中单元格的对齐字符。	Yes
chOff	设置或返回在行中单元格的对齐字符的偏移量。	Yes
height	已废弃。设置或返回表格行的高度。使用 style.height 取代	D
rowIndex	返回该行在表中的位置。	Yes
sectionRowIndex	R返回在 tBody 、tHead 或 tFoot 中，行的位置。	Yes
vAlign	设置或返回在行中的数据的垂直排列方式。	Yes

tr 对象方法

方法	描述	W3C
deleteCell()	删除行中的指定的单元格。	Yes
insertCell()	在一行中的指定位置插入一个空的元素。	Yes

标准属性和事件

tr 对象同样支持标准的属性和事件。

Textarea 对象

Textarea 对象代表 HTML 表单中的一个文本域 (textarea)。

HTML 表单的每一个 <textarea> 标签，都能创建一个Textarea 对象。

HTML textarea 内容可以参考：HTML <textarea> 标签。

您可以通过索引相应表单的元素数组来访问某个 Textarea 对象，或者使用 getElementById() 方法。

实例

获取 textarea 的文本内容：

var x = document.getElementById("myTextarea").value;

提示： 你也可以通过查找表单集合的 <textarea> elements 来获取 textarea 的内容。

创建 Textarea 对象

我们可以使用 document.createElement() 方法来创建 <textarea> 元素：

实例

创建 textarea 元素：

var x = document.createElement("TEXTAREA");

Textarea 对象属性。

属性	描述	W3C
autofocus	设置或返回 textarea 是否自动获取焦点。	Yes
cols	设置或返回 textarea 的宽度。	Yes
defaultValue	设置或返回文本框中的初始内容。	Yes
disabled	设置或返回 textarea 是否应当被禁用。	Yes
form	返回对包含该 textarea 的表单对象的引用。	Yes
maxLength	设置 textarea 元素可以输入的最大字符数。	Yes
name	设置或返回 textarea 的名称。	Yes
placeholder	设置或返回 placeholder 属性的值。	Yes
readOnly	设置或返回 textarea 是否应当是只读的。	Yes
require	设置或返回 textarea 是否必须输入内容。	Yes
rows	设置或返回 textarea 的高度。	Yes
type	返回该文本框的表单类型。	Yes
value	设置或返回在 textarea 中的文本。	Yes

Textarea 对象方法

方法	描述	W3C
select()	选择 textarea 中的文本。	Yes

标准属性和事件

Textarea 对象同样支持标准的属性和事件。