JS & DOM 参考手册
2012-03-07 16:48
2256 查看
JS & DOM 参考手册
JavaScript 对象
JS Array
Array 对象Array 对象用于在单个的变量中存储多个值。
创建 Array 对象的语法:
new Array();
new Array(size);
new Array(element0, element1, ..., elementn);
参数
参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。
参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。
返回值
返回新创建并被初始化了的数组。
如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0。
当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。
当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。
当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。
Array 对象属性
FF: Firefox, IE: Internet Explorer
属性 | 描述 | FF | IE |
constructor | 返回对创建此对象的数组函数的引用。 | 1 | 4 |
index | 1 | 4 | |
input | 1 | 4 | |
length | 设置或返回数组中元素的数目。 | 1 | 4 |
prototype | 使您有能力向对象添加属性和方法。 | 1 | 4 |
FF: Firefox, IE: Internet Explorer
方法 | 描述 | FF | IE |
concat() | 连接两个或更多的数组,并返回结果。 | 1 | 4 |
join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 | 1 | 4 |
pop() | 删除并返回数组的最后一个元素 | 1 | 5.5 |
push() | 向数组的末尾添加一个或更多元素,并返回新的长度。 | 1 | 5.5 |
reverse() | 颠倒数组中元素的顺序。 | 1 | 4 |
shift() | 删除并返回数组的第一个元素 | 1 | 5.5 |
slice() | 从某个已有的数组返回选定的元素 | 1 | 4 |
sort() | 对数组的元素进行排序 | 1 | 4 |
splice() | 删除元素,并向数组添加新元素。 | 1 | 5.5 |
toSource() | 返回该对象的源代码。 | 1 | - |
toString() | 把数组转换为字符串,并返回结果。 | 1 | 4 |
toLocaleString() | 把数组转换为本地数组,并返回结果。 | 1 | 4 |
unshift() | 向数组的开头添加一个或更多元素,并返回新的长度。 | 1 | 6 |
valueOf() | 返回数组对象的原始值 | 1 | 4 |
JS Boolean
Boolean 对象Boolean 对象表示两个值:"true" 或 "false"。
创建 Boolean 对象的语法:
new Boolean(value); //构造函数
Boolean(value); //转换函数
参数
参数 value 由布尔对象存放的值或者要转换成布尔值的值。
返回值
当作为一个构造函数(带有运算符 new)调用时,Boolean() 将把它的参数转换成一个布尔值,并且返回一个包含该值的 Boolean 对象。
如果作为一个函数(不带有运算符 new)调用时,Boolean() 只将把它的参数转换成一个原始的布尔值,并且返回这个值。
注释:如果省略 value 参数,或者设置为 0、-0、null、""、false、undefined 或 NaN,则该对象设置为 false。否则设置为 true(即使 value 参数是字符串 "false")。
Boolean 对象属性
FF: Firefox, IE: Internet Explorer
属性 | 描述 | FF | IE |
constructor | 返回对创建此对象的 Boolean 函数的引用 | 1 | 4 |
prototype | 使您有能力向对象添加属性和方法。 | 1 | 4 |
FF: Firefox, IE: Internet Explorer
方法 | 描述 | FF | IE |
toSource() | 返回该对象的源代码。 | 1 | - |
toString() | 把逻辑值转换为字符串,并返回结果。 | 1 | 4 |
valueOf() | 返回 Boolean 对象的原始值。 | 1 | 4 |
在 JavaScript 中,布尔值是一种基本的数据类型。Boolean 对象是一个将布尔值打包的布尔对象。Boolean 对象主要用于提供将布尔值转换成字符串的 toString() 方法。
当调用 toString() 方法将布尔值转换成字符串时(通常是由 JavaScript 隐式地调用),JavaScript 会内在地将这个布尔值转换成一个临时的 Boolean 对象,然后调用这个对象的 toString() 方法。
JS Date
Date 对象Date 对象用于处理日期和时间。
创建 Date 对象的语法:
var myDate=new Date()
注释:Date 对象会自动把当前日期和时间保存为其初始值。
Date 对象属性
FF: Firefox, IE: Internet Explorer
属性 | 描述 | FF | IE |
constructor | 返回对创建此对象的 Date 函数的引用。 | 1 | 4 |
prototype | 使您有能力向对象添加属性和方法。 | 1 | 4 |
FF: Firefox, IE: Internet Explorer
方法 | 描述 | FF | IE |
Date() | 返回当日的日期和时间。 | 1 | 3 |
getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 | 1 | 3 |
getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6)。 | 1 | 3 |
getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 | 1 | 3 |
getFullYear() | 从 Date 对象以四位数字返回年份。 | 1 | 4 |
getYear() | 请使用 getFullYear() 方法代替。 | 1 | 3 |
getHours() | 返回 Date 对象的小时 (0 ~ 23)。 | 1 | 3 |
getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 | 1 | 3 |
getSeconds() | 返回 Date 对象的秒数 (0 ~ 59)。 | 1 | 3 |
getMilliseconds() | 返回 Date 对象的毫秒(0 ~ 999)。 | 1 | 4 |
getTime() | 返回 1970 年 1 月 1 日至今的毫秒数。 | 1 | 3 |
getTimezoneOffset() | 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 | 1 | 3 |
getUTCDate() | 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。 | 1 | 4 |
getUTCDay() | 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。 | 1 | 4 |
getUTCMonth() | 根据世界时从 Date 对象返回月份 (0 ~ 11)。 | 1 | 4 |
getUTCFullYear() | 根据世界时从 Date 对象返回四位数的年份。 | 1 | 4 |
getUTCHours() | 根据世界时返回 Date 对象的小时 (0 ~ 23)。 | 1 | 4 |
getUTCMinutes() | 根据世界时返回 Date 对象的分钟 (0 ~ 59)。 | 1 | 4 |
getUTCSeconds() | 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。 | 1 | 4 |
getUTCMilliseconds() | 根据世界时返回 Date 对象的毫秒(0 ~ 999)。 | 1 | 4 |
parse() | 返回1970年1月1日午夜到指定日期(字符串)的毫秒数。 | 1 | 3 |
setDate() | 设置 Date 对象中月的某一天 (1 ~ 31)。 | 1 | 3 |
setMonth() | 设置 Date 对象中月份 (0 ~ 11)。 | 1 | 3 |
setFullYear() | 设置 Date 对象中的年份(四位数字)。 | 1 | 4 |
setYear() | 请使用 setFullYear() 方法代替。 | 1 | 3 |
setHours() | 设置 Date 对象中的小时 (0 ~ 23)。 | 1 | 3 |
setMinutes() | 设置 Date 对象中的分钟 (0 ~ 59)。 | 1 | 3 |
setSeconds() | 设置 Date 对象中的秒钟 (0 ~ 59)。 | 1 | 3 |
setMilliseconds() | 设置 Date 对象中的毫秒 (0 ~ 999)。 | 1 | 4 |
setTime() | 以毫秒设置 Date 对象。 | 1 | 3 |
setUTCDate() | 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 | 1 | 4 |
setUTCMonth() | 根据世界时设置 Date 对象中的月份 (0 ~ 11)。 | 1 | 4 |
setUTCFullYear() | 根据世界时设置 Date 对象中的年份(四位数字)。 | 1 | 4 |
setUTCHours() | 根据世界时设置 Date 对象中的小时 (0 ~ 23)。 | 1 | 4 |
setUTCMinutes() | 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。 | 1 | 4 |
setUTCSeconds() | 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。 | 1 | 4 |
setUTCMilliseconds() | 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。 | 1 | 4 |
toSource() | 返回该对象的源代码。 | 1 | - |
toString() | 把 Date 对象转换为字符串。 | 1 | 4 |
toTimeString() | 把 Date 对象的时间部分转换为字符串。 | 1 | 4 |
toDateString() | 把 Date 对象的日期部分转换为字符串。 | 1 | 4 |
toGMTString() | 请使用 toUTCString() 方法代替。 | 1 | 3 |
toUTCString() | 根据世界时,把 Date 对象转换为字符串。 | 1 | 4 |
toLocaleString() | 根据本地时间格式,把 Date 对象转换为字符串。 | 1 | 3 |
toLocaleTimeString() | 根据本地时间格式,把 Date 对象的时间部分转换为字符串。 | 1 | 3 |
toLocaleDateString() | 根据本地时间格式,把 Date 对象的日期部分转换为字符串。 | 1 | 3 |
UTC() | 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。 | 1 | 3 |
valueOf() | 返回 Date 对象的原始值。 | 1 | 4 |
JS Math
Math 对象Math 对象用于执行数学任务。
使用 Math 的属性和方法的语法:
var pi_value=Math.PI;
var sqrt_value=Math.sqrt(15);
注释:Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法。
Math 对象属性
FF: Firefox, IE: Internet Explorer
属性 | 描述 | FF | IE |
E | 返回算术常量 e,即自然对数的底数(约等于2.718)。 | 1 | 3 |
LN2 | 返回 2 的自然对数(约等于0.693)。 | 1 | 3 |
LN10 | 返回 10 的自然对数(约等于2.302)。 | 1 | 3 |
LOG2E | 返回以 2 为底的 e 的对数(约等于 1.414)。 | 1 | 3 |
LOG10E | 返回以 10 为底的 e 的对数(约等于0.434)。 | 1 | 3 |
PI | 返回圆周率(约等于3.14159)。 | 1 | 3 |
SQRT1_2 | 返回返回 2 的平方根的倒数(约等于 0.707)。 | 1 | 3 |
SQRT2 | 返回 2 的平方根(约等于 1.414)。 | 1 | 3 |
FF: Firefox, IE: Internet Explorer
方法 | 描述 | FF | IE |
abs(x) | 返回数的绝对值。 | 1 | 3 |
acos(x) | 返回数的反余弦值。 | 1 | 3 |
asin(x) | 返回数的反正弦值。 | 1 | 3 |
atan(x) | 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。 | 1 | 3 |
atan2(y,x) | 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)。 | 1 | 3 |
ceil(x) | 对数进行上舍入。 | 1 | 3 |
cos(x) | 返回数的余弦。 | 1 | 3 |
exp(x) | 返回 e 的指数。 | 1 | 3 |
floor(x) | 对数进行下舍入。 | 1 | 3 |
log(x) | 返回数的自然对数(底为e)。 | 1 | 3 |
max(x,y) | 返回 x 和 y 中的最高值。 | 1 | 3 |
min(x,y) | 返回 x 和 y 中的最低值。 | 1 | 3 |
pow(x,y) | 返回 x 的 y 次幂。 | 1 | 3 |
random() | 返回 0 ~ 1 之间的随机数。 | 1 | 3 |
round(x) | 把数四舍五入为最接近的整数。 | 1 | 3 |
sin(x) | 返回数的正弦。 | 1 | 3 |
sqrt(x) | 返回数的平方根。 | 1 | 3 |
tan(x) | 返回角的正切。 | 1 | 3 |
toSource() | 返回该对象的源代码。 | 1 | - |
valueOf() | 返回 Math 对象的原始值。 | 1 | 4 |
JS Number
Number 对象Number 对象是原始数值的包装对象。
创建 Number 对象的语法:
var myNum=new Number(value);
var myNum=Number(value);
参数
参数 value 是要创建的 Number 对象的数值,或是要转换成数字的值。
返回值
当 Number() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 Number 对象。如果不用 new 运算符,把 Number() 作为一个函数来调用,它将把自己的参数转换成一个原始的数值,并且返回这个值(如果转换失败,则返回 NaN)。
Number 对象属性
FF: Firefox, IE: Internet Explorer
属性 | 描述 | FF | IE |
constructor | 返回对创建此对象的 Number 函数的引用。 | 1.0 | 4.0 |
MAX_VALUE | 可表示的最大的数。 | 1.0 | 4.0 |
MIN_VALUE | 可表示的最小的数。 | 1.0 | 4.0 |
NaN | 非数字值。 | 1.0 | 4.0 |
NEGATIVE_INFINITY | 负无穷大,溢出时返回该值。 | 1.0 | 4.0 |
POSITIVE_INFINITY | 正无穷大,溢出时返回该值。 | 1.0 | 4.0 |
prototype | 使您有能力向对象添加属性和方法。 | 1.0 | 4.0 |
FF: Firefox, IE: Internet Explorer
方法 | 描述 | FF | IE |
toString | 把数字转换为字符串,使用指定的基数。 | 1.0 | 4.0 |
toLocaleString | 把数字转换为字符串,使用本地数字格式顺序。 | 1.0 | 4.0 |
toFixed | 把数字转换为字符串,结果的小数点后有指定位数的数字。 | 1.0 | 5.5 |
toExponential | 把对象的值转换为指数计数法。 | 1.0 | 5.5 |
toPrecision | 把数字格式化为指定的长度。 | 1.0 | 5.5 |
valueOf | 返回一个 Number 对象的基本数字值。 | 1.0 | 4.0 |
在 JavaScript 中,数字是一种基本的数据类型。JavaScript 还支持 Number 对象,该对象是原始数值的包装对象。在必要时,JavaScript 会自动地在原始数据和对象之间转换。在 JavaScript 1.1 中,可以用构造函数 Number() 明确地创建一个 Number 对象,尽管这样做并没有什么必要。
构造函数 Number() 可以不与运算符 new 一起使用,而直接作为转化函数来使用。以这种方式调用 Number() 时,它会把自己的参数转化成一个数字,然后返回转换后的原始数值(或 NaN)。
构造函数通常还用作 5 个有用的数字常量的占位符,这 5 个有用的数字常量分别是可表示的最大数、可表示的最小数、正无穷大、负无穷大和特殊的 NaN 值。注意,这些值是构造函数 Number() 自身的属性,而不是单独的某个 Number 对象的属性。
比如这样使用属性 MAX_VALUE 是正确的:
var big = Number.MAX_VALUE
但是这样是错误的:
var n= new Number(2);
var big = n.MAX_VALUE
作为比较,我们看一下 toString() 和 Number 对象的其他方法,它们是每个 Number 对象的方法,而不是 Number() 构造函数的方法。前面提到过,在必要时,JavaScript 会自动地把原始数值转化成 Number 对象,调用 Number 方法的既可以是 Number 对象,也可以是原始数字值。
var n = 123;
var binary_value = n.toString(2);
JS String
String 对象String 对象用于处理文本(字符串)。
创建 String 对象的语法:
new String(s);
String(s);
参数
参数 s 是要存储在 String 对象中或转换成原始字符串的值。
返回值
当 String() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 String 对象,存放的是字符串 s 或 s 的字符串表示。
当不用 new 运算符调用 String() 时,它只把 s 转换成原始的字符串,并返回转换后的值。
String 对象属性
FF: Firefox, IE: Internet Explorer
属性 | 描述 | FF | IE |
constructor | 对创建该对象的函数的引用 | 1 | 4 |
length | 字符串的长度 | 1 | 3 |
prototype | 允许您向对象添加属性和方法 | 1 | 4 |
FF: Firefox, IE: Internet Explorer
方法 | 描述 | FF | IE |
anchor() | 创建 HTML 锚。 | 1 | 3 |
big() | 用大号字体显示字符串。 | 1 | 3 |
blink() | 显示闪动字符串。 | 1 | |
bold() | 使用粗体显示字符串。 | 1 | 3 |
charAt() | 返回在指定位置的字符。 | 1 | 3 |
charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 | 1 | 4 |
concat() | 连接字符串。 | 1 | 4 |
fixed() | 以打字机文本显示字符串。 | 1 | 3 |
fontcolor() | 使用指定的颜色来显示字符串。 | 1 | 3 |
fontsize() | 使用指定的尺寸来显示字符串。 | 1 | 3 |
fromCharCode() | 从字符编码创建一个字符串。 | 1 | 4 |
indexOf() | 检索字符串。 | 1 | 3 |
italics() | 使用斜体显示字符串。 | 1 | 3 |
lastIndexOf() | 从后向前搜索字符串。 | 1 | 3 |
link() | 将字符串显示为链接。 | 1 | 3 |
localeCompare() | 用本地特定的顺序来比较两个字符串。 | 1 | 4 |
match() | 找到一个或多个正在表达式的匹配。 | 1 | 4 |
replace() | 替换与正则表达式匹配的子串。 | 1 | 4 |
search() | 检索与正则表达式相匹配的值。 | 1 | 4 |
slice() | 提取字符串的片断,并在新的字符串中返回被提取的部分。 | 1 | 4 |
small() | 使用小字号来显示字符串。 | 1 | 3 |
split() | 把字符串分割为字符串数组。 | 1 | 4 |
strike() | 使用删除线来显示字符串。 | 1 | 3 |
sub() | 把字符串显示为下标。 | 1 | 3 |
substr() | 从起始索引号提取字符串中指定数目的字符。 | 1 | 4 |
substring() | 提取字符串中两个指定的索引号之间的字符。 | 1 | 3 |
sup() | 把字符串显示为上标。 | 1 | 3 |
toLocaleLowerCase() | 把字符串转换为小写。 | - | - |
toLocaleUpperCase() | 把字符串转换为大写。 | - | - |
toLowerCase() | 把字符串转换为小写。 | 1 | 3 |
toUpperCase() | 把字符串转换为大写。 | 1 | 3 |
toSource() | 代表对象的源代码。 | 1 | - |
toString() | 返回字符串。 | - | - |
valueOf() | 返回某个字符串对象的原始值。 | 1 | 4 |
字符串是 JavaScript 的一种基本的数据类型。
String 对象的 length 属性声明了该字符串中的字符数。
String 类定义了大量操作字符串的方法,例如从字符串中提取字符或子串,或者检索字符或子串。
需要注意的是,JavaScript 的字符串是不可变的(immutable),String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法,返回的是全新的字符串,而不是修改原始字符串。
在较早的 Netscape 代码基的 JavaScript 实现中(例如 Firefox 实现中),字符串的行为就像只读的字符数组。例如,从字符串 s 中提取第三个字符,可以用 s[2] 代替更加标准的 s.charAt(2)。此外,对字符串应用 for/in 循环时,它将枚举字符串中每个字符的数组下标(但要注意,ECMAScript 标准规定,不能枚举 length 属性)。因为字符串的数组行为不标准,所以应该避免使用它。
JS RegExp
RegExp 对象RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。
直接量语法
/pattern/attributes
创建 RegExp 对象的语法:
new RegExp(pattern, attributes);
参数
参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。
参数 attributes 是一个可选的字符串,包含属性 "g"、"i" 和 "m",分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前,不支持 m 属性。如果 pattern 是正则表达式,而不是字符串,则必须省略该参数。
返回值
一个新的 RegExp 对象,具有指定的模式和标志。如果参数 pattern 是正则表达式而不是字符串,那么 RegExp() 构造函数将用与指定的 RegExp 相同的模式和标志创建一个新的 RegExp 对象。
如果不用 new 运算符,而将 RegExp() 作为函数调用,那么它的行为与用 new 运算符调用时一样,只是当 pattern 是正则表达式时,它只返回 pattern,而不再创建一个新的 RegExp 对象。
抛出
SyntaxError - 如果 pattern 不是合法的正则表达式,或 attributes 含有 "g"、"i" 和 "m" 之外的字符,抛出该异常。
TypeError - 如果 pattern 是 RegExp 对象,但没有省略 attributes 参数,抛出该异常。
修饰符
修饰符 | 描述 |
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 | 查找 NUL 字符。 |
\n | 查找换行符。 |
\f | 查找换页符。 |
\r | 查找回车符。 |
\t | 查找制表符。 |
\v | 查找垂直制表符。 |
\xxx | 查找以八进制数 xxx 规定的字符。 |
\xdd | 查找以十六进制数 dd 规定的字符。 |
\uxxxx | 查找以十六进制数 xxxx 规定的 Unicode 字符。 |
量词 | 描述 |
n+ | 匹配任何包含至少一个 n 的字符串。 |
n* | 匹配任何包含零个或多个 n 的字符串。 |
n? | 匹配任何包含零个或一个 n 的字符串。 |
n{X} | 匹配包含 X 个 n 的序列的字符串。 |
n{X,Y} | 匹配包含 X 或 Y 个 n 的序列的字符串。 |
n{X,} | 匹配包含至少 X 个 n 的序列的字符串。 |
n$ | 匹配任何结尾为 n 的字符串。 |
^n | 匹配任何开头为 n 的字符串。 |
?=n | 匹配任何其后紧接指定字符串 n 的字符串。 |
?!n | 匹配任何其后没有紧接指定字符串 n 的字符串。 |
FF: Firefox, IE: Internet Explorer
属性 | 描述 | FF | IE |
global | RegExp 对象是否具有标志 g。 | 1 | 4 |
ignoreCase | RegExp 对象是否具有标志 i。 | 1 | 4 |
lastIndex | 一个整数,标示开始下一次匹配的字符位置。 | 1 | 4 |
multiline | RegExp 对象是否具有标志 m。 | 1 | 4 |
source | 正则表达式的源文本。 | 1 | 4 |
FF: Firefox, IE: Internet Explorer
方法 | 描述 | FF | IE |
compile | 编译正则表达式。 | 1 | 4 |
exec | 检索字符串中指定的值。返回找到的值,并确定其位置。 | 1 | 4 |
test | 检索字符串中指定的值。返回 true 或 false。 | 1 | 4 |
FF: Firefox, IE: Internet Explorer
方法 | 描述 | FF | IE |
search | 检索与正则表达式相匹配的值。 | 1 | 4 |
match | 找到一个或多个正则表达式的匹配。 | 1 | 4 |
replace | 替换与正则表达式匹配的子串。 | 1 | 4 |
split | 把字符串分割为字符串数组。 | 1 | 4 |
JS Functions
全局属性和函数可用于所有内建的 JavaScript 对象。顶层函数(全局函数)
FF: Firefox, IE: Internet Explorer
函数 | 描述 | FF | IE |
decodeURI() | 解码某个编码的 URI。 | 1 | 5.5 |
decodeURIComponent() | 解码一个编码的 URI 组件。 | 1 | 5.5 |
encodeURI() | 把字符串编码为 URI。 | 1 | 5.5 |
encodeURIComponent() | 把字符串编码为 URI 组件。 | 1 | 5.5 |
escape() | 对字符串进行编码。 | 1 | 3 |
eval() | 计算 JavaScript 字符串,并把它作为脚本代码来执行。 | 1 | 3 |
getClass() | 返回一个 JavaObject 的 JavaClass。 | ||
isFinite() | 检查某个值是否为有穷大的数。 | 1 | 4 |
isNaN() | 检查某个值是否是数字。 | 1 | 3 |
Number() | 把对象的值转换为数字。 | 1 | |
parseFloat() | 解析一个字符串并返回一个浮点数。 | 1 | 3 |
parseInt() | 解析一个字符串并返回一个整数。 | 1 | 3 |
String() | 把对象的值转换为字符串。 | 1 | |
unescape() | 对由 escape() 编码的字符串进行解码。 | 1 | 3 |
FF: Firefox, IE: Internet Explorer
方法 | 描述 | FF | IE |
Infinity | 代表正的无穷大的数值。 | 1 | 4 |
java | 代表 java.* 包层级的一个 JavaPackage。 | ||
NaN | 指示某个值是不是数字值。 | 1 | 4 |
Packages | 根 JavaPackage 对象。 | ||
undefined | 指示未定义的值。 | 1 | 5.5 |
全局对象是预定义的对象,作为 JavaScript 的全局函数和全局属性的占位符。通过使用全局对象,可以访问所有其他所有预定义的对象、函数和属性。全局对象不是任何对象的属性,所以它没有名称。
在顶层 JavaScript 代码中,可以用关键字 this 引用全局对象。但通常不必用这种方式引用全局对象,因为全局对象是作用域链的头,这意味着所有非限定性的变量和函数名都会作为该对象的属性来查询。例如,当JavaScript 代码引用 parseInt() 函数时,它引用的是全局对象的 parseInt 属性。全局对象是作用域链的头,还意味着在顶层 JavaScript 代码中声明的所有变量都将成为全局对象的属性。
全局对象只是一个对象,而不是类。既没有构造函数,也无法实例化一个新的全局对象。
在 JavaScript 代码嵌入一个特殊环境中时,全局对象通常具有环境特定的属性。实际上,ECMAScript 标准没有规定全局对象的类型,JavaScript 的实现或嵌入的 JavaScript 都可以把任意类型的对象作为全局对象,只要该对象定义了这里列出的基本属性和函数。例如,在允许通过 LiveConnect 或相关的技术来脚本化 Java 的 JavaScript 实现中,全局对象被赋予了这里列出的 java 和 Package 属性以及 getClass() 方法。而在客户端 JavaScript 中,全局对象就是 Window 对象,表示允许 JavaScript 代码的 Web 浏览器窗口。
例子
在 JavaScript 核心语言中,全局对象的预定义属性都是不可枚举的,所有可以用 for/in 循环列出所有隐式或显式声明的全局变量,如下所示:
var variables = "";
for (var name in this)
{
variables += name + "<br />";
}
document.write(variables);
JS Events
事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行。事件句柄
HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作。
FF: Firefox, N: Netscape, IE: Internet Explorer
属性 | 当以下情况发生时,出现此事件 | FF | N | IE |
onabort | 图像加载被中断 | 1 | 3 | 4 |
onblur | 元素失去焦点 | 1 | 2 | 3 |
onchange | 用户改变域的内容 | 1 | 2 | 3 |
onclick | 鼠标点击某个对象 | 1 | 2 | 3 |
ondblclick | 鼠标双击某个对象 | 1 | 4 | 4 |
onerror | 当加载文档或图像时发生某个错误 | 1 | 3 | 4 |
onfocus | 元素获得焦点 | 1 | 2 | 3 |
onkeydown | 某个键盘的键被按下 | 1 | 4 | 3 |
onkeypress | 某个键盘的键被按下或按住 | 1 | 4 | 3 |
onkeyup | 某个键盘的键被松开 | 1 | 4 | 3 |
onload | 某个页面或图像被完成加载 | 1 | 2 | 3 |
onmousedown | 某个鼠标按键被按下 | 1 | 4 | 4 |
onmousemove | 鼠标被移动 | 1 | 6 | 3 |
onmouseout | 鼠标从某元素移开 | 1 | 4 | 4 |
onmouseover | 鼠标被移到某元素之上 | 1 | 2 | 3 |
onmouseup | 某个鼠标按键被松开 | 1 | 4 | 4 |
onreset | 重置按钮被点击 | 1 | 3 | 4 |
onresize | 窗口或框架被调整尺寸 | 1 | 4 | 4 |
onselect | 文本被选定 | 1 | 2 | 3 |
onsubmit | 提交按钮被点击 | 1 | 2 | 3 |
onunload | 用户退出页面 | 1 | 2 | 3 |
Browser 对象
DOM Window
Window 对象Window 对象表示浏览器中打开的窗口。
如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。
注释:没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。
IE: Internet Explorer, F: Firefox, O: Opera.
Window 对象集合
集合 | 描述 | IE | F | O |
frames[] | 返回窗口中所有命名的框架。 该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。 | 4 | 1 | 9 |
属性 | 描述 | IE | F | O |
closed | 返回窗口是否已被关闭。 | 4 | 1 | 9 |
defaultStatus | 设置或返回窗口状态栏中的默认文本。 | 4 | No | 9 |
document | 对 Document 对象的只读引用。请参阅 Document 对象。 | 4 | 1 | 9 |
history | 对 History 对象的只读引用。请参数 History 对象。 | 4 | 1 | 9 |
innerheight | 返回窗口的文档显示区的高度。 | No | No | No |
innerwidth | 返回窗口的文档显示区的宽度。 | No | No | No |
length | 设置或返回窗口中的框架数量。 | 4 | 1 | 9 |
location | 用于窗口或框架的 Location 对象。请参阅 Location 对象。 | 4 | 1 | 9 |
name | 设置或返回窗口的名称。 | 4 | 1 | 9 |
Navigator | 对 Navigator 对象的只读引用。请参数 Navigator 对象。 | 4 | 1 | 9 |
opener | 返回对创建此窗口的窗口的引用。 | 4 | 1 | 9 |
outerheight | 返回窗口的外部高度。 | No | No | No |
outerwidth | 返回窗口的外部宽度。 | No | No | No |
pageXOffset | 设置或返回当前页面相对于窗口显示区左上角的 X 位置。 | No | No | No |
pageYOffset | 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 | No | No | No |
parent | 返回父窗口。 | 4 | 1 | 9 |
Screen | 对 Screen 对象的只读引用。请参数 Screen 对象。 | 4 | 1 | 9 |
self | 返回对当前窗口的引用。等价于 Window 属性。 | 4 | 1 | 9 |
status | 设置窗口状态栏的文本。 | 4 | No | 9 |
top | 返回最顶层的先辈窗口。 | 4 | 1 | 9 |
window | window 属性等价于 self 属性,它包含了对窗口自身的引用。 | 4 | 1 | 9 |
screenLeft screenTop screenX screenY | 只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。 | 4 | 1 | 9 |
方法 | 描述 | IE | F | O |
alert() | 显示带有一段消息和一个确认按钮的警告框。 | 4 | 1 | 9 |
blur() | 把键盘焦点从顶层窗口移开。 | 4 | 1 | 9 |
clearInterval() | 取消由 setInterval() 设置的 timeout。 | 4 | 1 | 9 |
clearTimeout() | 取消由 setTimeout() 方法设置的 timeout。 | 4 | 1 | 9 |
close() | 关闭浏览器窗口。 | 4 | 1 | 9 |
confirm() | 显示带有一段消息以及确认按钮和取消按钮的对话框。 | 4 | 1 | 9 |
createPopup() | 创建一个 pop-up 窗口。 | 4 | No | No |
focus() | 把键盘焦点给予一个窗口。 | 4 | 1 | 9 |
moveBy() | 可相对窗口的当前坐标把它移动指定的像素。 | 4 | 1 | 9 |
moveTo() | 把窗口的左上角移动到一个指定的坐标。 | 4 | 1 | 9 |
open() | 打开一个新的浏览器窗口或查找一个已命名的窗口。 | 4 | 1 | 9 |
print() | 打印当前窗口的内容。 | 5 | 1 | 9 |
prompt() | 显示可提示用户输入的对话框。 | 4 | 1 | 9 |
resizeBy() | 按照指定的像素调整窗口的大小。 | 4 | 1 | 9 |
resizeTo() | 把窗口的大小调整到指定的宽度和高度。 | 4 | 1.5 | 9 |
scrollBy() | 按照指定的像素值来滚动内容。 | 4 | 1 | 9 |
scrollTo() | 把内容滚动到指定的坐标。 | 4 | 1 | 9 |
setInterval() | 按照指定的周期(以毫秒计)来调用函数或计算表达式。 | 4 | 1 | 9 |
setTimeout() | 在指定的毫秒数后调用函数或计算表达式。 | 4 | 1 | 9 |
Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写 document,而不必写 window.document。
同样,可以把当前窗口对象的方法当作函数来使用,如只写 alert(),而不必写 Window.alert()。
除了上面列出的属性和方法,Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。
Window 对象的 window 属性和 self 属性引用的都是它自己。当你想明确地引用当前窗口,而不仅仅是隐式地引用它时,可以使用这两个属性。除了这两个属性之外,parent 属性、top 属性以及 frame[] 数组都引用了与当前 Window 对象相关的其他 Window 对象。
要引用窗口中的一个框架,可以使用如下语法:
frame[i] //当前窗口的框架
self.frame[i] //当前窗口的框架
w.frame[i] //窗口 w 的框架
要引用一个框架的父窗口(或父框架),可以使用下面的语法:
parent //当前窗口的父窗口
self.parent //当前窗口的父窗口
w.parent //窗口 w 的父窗口
要从顶层窗口含有的任何一个框架中引用它,可以使用如下语法:
top //当前框架的顶层窗口
self.top //当前框架的顶层窗口
f.top //框架 f 的顶层窗口
新的顶层浏览器窗口由方法 Window.open() 创建。当调用该方法时,应把 open() 调用的返回值存储在一个变量中,然后使用那个变量来引用新窗口。新窗口的 opener 属性反过来引用了打开它的那个窗口。
一般来说,Window 对象的方法都是对浏览器窗口或框架进行某种操作。而 alert() 方法、confirm() 方法和 prompt 方法则不同,它们通过简单的对话框与用户进行交互。
DOM Navigator
Navigator 对象Navigator 对象包含有关浏览器的信息。
注释:没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象。
IE: Internet Explorer, F: Firefox, O: Opera.
Navigator 对象集合
集合 | 描述 | IE | F | O |
plugins[] | 返回对文档中所有嵌入式对象的引用。 该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息,其中包括它所支持的 MIME 类型的列表。 虽然 plugins[] 数组是由 IE 4 定义的,但是在 IE 4 中它却总是空的,因为 IE 4 不支持插件和 Plugin 对象。 | 4 | 1 | 9 |
属性 | 描述 | IE | F | O |
appCodeName | 返回浏览器的代码名。 | 4 | 1 | 9 |
appMinorVersion | 返回浏览器的次级版本。 | 4 | No | No |
appName | 返回浏览器的名称。 | 4 | 1 | 9 |
appVersion | 返回浏览器的平台和版本信息。 | 4 | 1 | 9 |
browserLanguage | 返回当前浏览器的语言。 | 4 | No | 9 |
cookieEnabled | 返回指明浏览器中是否启用 cookie 的布尔值。 | 4 | 1 | 9 |
cpuClass | 返回浏览器系统的 CPU 等级。 | 4 | No | No |
onLine | 返回指明系统是否处于脱机模式的布尔值。 | 4 | No | No |
platform | 返回运行浏览器的操作系统平台。 | 4 | 1 | 9 |
systemLanguage | 返回 OS 使用的默认语言。 | 4 | No | No |
userAgent | 返回由客户机发送服务器的 user-agent 头部的值。 | 4 | 1 | 9 |
userLanguage | 返回 OS 的自然语言设置。 | 4 | No | 9 |
方法 | 描述 | IE | F | O |
javaEnabled() | 规定浏览器是否启用 Java。 | 4 | 1 | 9 |
taintEnabled() | 规定浏览器是否启用数据污点 (data tainting)。 | 4 | 1 | 9 |
Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。
虽然这个对象的名称显而易见的是 Netscape 的 Navigator 浏览器,但其他实现了 JavaScript 的浏览器也支持这个对象。
Navigator 对象的实例是唯一的,可以用 Window 对象的 navigator 属性来引用它。
DOM Screen
Screen 对象Screen 对象包含有关客户端显示屏幕的信息。
注释:没有应用于 screen 对象的公开标准,不过所有浏览器都支持该对象。
IE: Internet Explorer, F: Firefox, O: Opera.
Screen 对象属性
属性 | 描述 | IE | F | O |
availHeight | 返回显示屏幕的高度 (除 Windows 任务栏之外)。 | 4 | 1 | 9 |
availWidth | 返回显示屏幕的宽度 (除 Windows 任务栏之外)。 | 4 | 1 | 9 |
bufferDepth | 设置或返回调色板的比特深度。 | 4 | No | No |
colorDepth | 返回目标设备或缓冲器上的调色板的比特深度。 | 4 | 1 | 9 |
deviceXDPI | 返回显示屏幕的每英寸水平点数。 | 6 | No | No |
deviceYDPI | 返回显示屏幕的每英寸垂直点数。 | 6 | No | No |
fontSmoothingEnabled | 返回用户是否在显示控制面板中启用了字体平滑。 | 4 | No | No |
height | 返回显示屏幕的高度。 | 4 | 1 | 9 |
logicalXDPI | 返回显示屏幕每英寸的水平方向的常规点数。 | 6 | No | No |
logicalYDPI | 返回显示屏幕每英寸的垂直方向的常规点数。 | 6 | No | No |
pixelDepth | 返回显示屏幕的颜色分辨率(比特每像素)。 | No | 1 | 9 |
updateInterval | 设置或返回屏幕的刷新率。 | 4 | No | No |
width | 返回显示器屏幕的宽度。 | 4 | 1 | 9 |
每个 Window 对象的 screen 属性都引用一个 Screen 对象。Screen 对象中存放着有关显示浏览器屏幕的信息。JavaScript 程序将利用这些信息来优化它们的输出,以达到用户的显示要求。例如,一个程序可以根据显示器的尺寸选择使用大图像还是使用小图像,它还可以根据显示器的颜色深度选择使用 16 位色还是使用 8 位色的图形。另外,JavaScript 程序还能根据有关屏幕尺寸的信息将新的浏览器窗口定位在屏幕中间。
DOM History
History 对象History 对象包含用户(在浏览器窗口中)访问过的 URL。
History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。
注释:没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象。
IE: Internet Explorer, F: Firefox, O: Opera.
History 对象属性
属性 | 描述 | IE | F | O |
length | 返回浏览器历史列表中的 URL 数量。 | 4 | 1 | 9 |
方法 | 描述 | IE | F | O |
back() | 加载 history 列表中的前一个 URL。 | 4 | 1 | 9 |
forward() | 加载 history 列表中的下一个 URL。 | 4 | 1 | 9 |
go() | 加载 history 列表中的某个具体页面。 | 4 | 1 | 9 |
History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因,History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有 back()、forward() 和 go() 方法。
例子
下面一行代码执行的操作与单击后退按钮执行的操作一样:
history.back()
下面一行代码执行的操作与单击两次后退按钮执行的操作一样:
history.go(-2)
DOM Location
Location 对象Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。
例子
把用户带到一个新的地址
IE: Internet Explorer, F: Firefox, O: Opera.
Location 对象属性
属性 | 描述 | IE | F | O |
hash | 设置或返回从井号 (#) 开始的 URL(锚)。 | 4 | 1 | 9 |
host | 设置或返回主机名和当前 URL 的端口号。 | 4 | 1 | 9 |
hostname | 设置或返回当前 URL 的主机名。 | 4 | 1 | 9 |
href | 设置或返回完整的 URL。 | 4 | 1 | 9 |
pathname | 设置或返回当前 URL 的路径部分。 | 4 | 1 | 9 |
port | 设置或返回当前 URL 的端口号。 | 4 | 1 | 9 |
protocol | 设置或返回当前 URL 的协议。 | 4 | 1 | 9 |
search | 设置或返回从问号 (?) 开始的 URL(查询部分)。 | 4 | 1 | 9 |
属性 | 描述 | IE | F | O |
assign() | 加载新的文档。 | 4 | 1 | 9 |
reload() | 重新加载当前文档。 | 4 | 1 | 9 |
replace() | 用新的文档替换当前文档。 | 4 | 1 | 9 |
Location 对象存储在 Window 对象的 Location 属性中,表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性存放的是文档的完整 URL,其他属性则分别描述了 URL 的各个部分。这些属性与 Anchor 对象(或 Area 对象)的 URL 属性非常相似。当一个 Location 对象被转换成字符串,href 属性的值被返回。这意味着你可以使用表达式 location 来替代 location.href。
不过 Anchor 对象表示的是文档中的超链接,Location 对象表示的却是浏览器当前显示的文档的 URL(或位置)。但是 Location 对象所能做的远远不止这些,它还能控制浏览器显示的文档的位置。如果把一个含有 URL 的字符串赋予 Location 对象或它的 href 属性,浏览器就会把新的 URL 所指的文档装载进来,并显示出来。
除了设置 location 或 location.href 用完整的 URL 替换当前的 URL 之外,还可以修改部分 URL,只需要给 Location 对象的其他属性赋值即可。这样做就会创建新的 URL,其中的一部分与原来的 URL 不同,浏览器会将它装载并显示出来。例如,假设设置了Location对象的 hash 属性,那么浏览器就会转移到当前文档中的一个指定的位置。同样,如果设置了 search 属性,那么浏览器就会重新装载附加了新的查询字符串的 URL。
除了 URL 属性外,Location 对象的 reload() 方法可以重新装载当前文档,replace() 可以装载一个新文档而无须为它创建一个新的历史记录,也就是说,在浏览器的历史列表中,新文档将替换当前文档。
HTML DOM 对象
DOM Document
Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Document 对象集合
集合 | 描述 | IE | F | O | W3C |
all[] | 提供对文档中所有 HTML 元素的访问。 | 4 | 1 | 9 | No |
anchors[] | 返回对文档中所有 Anchor 对象的引用。 | 4 | 1 | 9 | Yes |
applets | 返回对文档中所有 Applet 对象的引用。 | - | - | - | - |
forms[] | 返回对文档中所有 Form 对象引用。 | 4 | 1 | 9 | Yes |
images[] | 返回对文档中所有 Image 对象引用。 | 4 | 1 | 9 | Yes |
links[] | 返回对文档中所有 Area 和 Link 对象引用。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
body | 提供对 <body> 元素的直接访问。 对于定义了框架集的文档,该属性引用最外层的 <frameset>。 | ||||
cookie | 设置或返回与当前文档有关的所有 cookie。 | 4 | 1 | 9 | Yes |
domain | 返回当前文档的域名。 | 4 | 1 | 9 | Yes |
lastModified | 返回文档被最后修改的日期和时间。 | 4 | 1 | No | No |
referrer | 返回载入当前文档的文档的 URL。 | 4 | 1 | 9 | Yes |
title | 返回当前文档的标题。 | 4 | 1 | 9 | Yes |
URL | 返回当前文档的 URL。 | 4 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
close() | 关闭用 document.open() 方法打开的输出流,并显示选定的数据。 | 4 | 1 | 9 | Yes |
getElementById() | 返回对拥有指定 id 的第一个对象的引用。 | 5 | 1 | 9 | Yes |
getElementsByName() | 返回带有指定名称的对象集合。 | 5 | 1 | 9 | Yes |
getElementsByTagName() | 返回带有指定标签名的对象集合。 | 5 | 1 | 9 | Yes |
open() | 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。 | 4 | 1 | 9 | Yes |
write() | 向文档写 HTML 表达式 或 JavaScript 代码。 | 4 | 1 | 9 | Yes |
writeln() | 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。 | 4 | 1 | 9 | Yes |
HTMLDocument 接口对 DOM Document 接口进行了扩展,定义 HTML 专用的属性和方法。
很多属性和方法都是 HTMLCollection 对象(实际上是可以用数组或名称索引的只读数组),其中保存了对锚、表单、链接以及其他可脚本元素的引用。
这些集合属性都源自于 0 级 DOM。它们已经被 Document.getElementsByTagName() 所取代,但是仍然常常使用,因为他们很方便。
write() 方法值得注意,在文档载入和解析的时候,它允许一个脚本向文档中插入动态生成的内容。
注意,在 1 级 DOM 中,HTMLDocument 定义了一个名为 getElementById() 的非常有用的方法。在 2 级 DOM 中,该方法已经被转移到了 Document 接口,它现在由 HTMLDocument 继承而不是由它定义了。
DOM Anchor
Anchor 对象Anchor 对象表示 HTML 超链接。
在 HTML 文档中 <a> 标签每出现一次,就会创建 Anchor 对象。
锚可用于创建指向另一个文档的链接(通过 href 属性),或者创建文档内的书签(通过 name 属性)。
您可以通过搜索 Document 对象中的 anchors[] 数组来访问锚,或者使用 document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Anchor 对象的属性
属性 | 描述 | IE | F | O | W3C |
accessKey | 设置或返回访问一个链接的快捷键。 | 5 | 1 | No | Yes |
charset | 设置或返回被链接资源的字符集。 | 6 | 1 | 9 | Yes |
coords | 设置或返回逗号分隔列表,包含了图像映射中链接的坐标。 | 6 | 1 | 9 | Yes |
href | 设置或返回被链接资源的 URL。 | 5 | 1 | 9 | Yes |
hreflang | 设置或返回被链接资源的语言代码。 | 6 | 1 | 9 | Yes |
id | 设置或返回一个链接的 id。 | 4 | 1 | 9 | Yes |
innerHTML | 设置或返回一个链接的内容。 | 4 | 1 | 9 | No |
name | 设置或返回一个链接的名称。 | 4 | 1 | 9 | Yes |
rel | 设置或返回当前文档与目标 URL 之间的关系。 | 5 | 1 | No | Yes |
rev | 设置或返回目标 URL 与之间当前文档的关系。 | 5 | 1 | No | Yes |
shape | 设置或返回图像映射中某个链接的形状。 | 6 | 1 | 9 | Yes |
tabIndex | 设置或返回某个链接的 Tab 键控制次序。 | 6 | 1 | 9 | Yes |
target | 设置或返回在何处打开链接。 | 5 | 1 | 9 | Yes |
type | 设置或返回被链接资源的 MIME 类型。 | 6 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
blur() | 把焦点从链接上移开。 | 5 | 1 | 9 | Yes |
focus() | 给链接应用焦点。 | 5 | 1 | 9 | Yes |
DOM Area
Area 对象Area 对象代表图像映射的一个区域(图像映射指的是带有可点击区域的图像)
在 HTML 文档中 <area> 标签每出现一次,就会创建一个 Area 对象。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Area 对象的属性
属性 | 描述 | IE | F | O | W3C |
accessKey | 设置或返回访问某个区域的快捷键。 | 5 | 1 | No | Yes |
alt | 设置或返回当浏览器无法显示某个区域时的替换文字。 | 5 | 1 | 9 | Yes |
coords | 设置或返回图像映射中可点击区域的坐标。 | 5 | 1 | 9 | Yes |
hash | 设置或返回某个区域中 URL 的锚部分。 | 4 | 1 | No | No |
host | 设置或返回某个区域中 URL 的主机名和端口。 | 4 | 1 | No | No |
href | 设置或返回图像映射中链接的 URL。 | 4 | 1 | 9 | Yes |
id | 设置或返回某个区域的 id。 | 4 | 1 | 9 | Yes |
noHref | 设置或返回某个区域是否应是活动的还是非活动的。 | 5 | 1 | 9 | Yes |
pathname | 设置或返回某个区域中的 URL 的路径名。 | 4 | 1 | 9 | No |
protocol | 设置或返回某个区域中的 URL 的协议。 | 4 | 1 | 9 | No |
search | 设置或返回某个区域中 URL 的查询字符串部分。 | 4 | 1 | 9 | No |
shape | 设置或返回图像映射中某个区域的形状。 | 5 | 1 | 9 | Yes |
tabIndex | 设置或返回某个区域的 tab 键控制次序。 | 5 | 1 | 9 | Yes |
target | 设置或返回在何处打开区域中的 link-URL。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title。 | 5 | 1 | 9 | Yes |
DOM Base
Base 对象Base 对象代表 HTML 的 base 元素。
在 HTML 文档中 <base> 每出现一次,Base 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Base 对象属性
属性 | 描述 | IE | F | O | W3C |
href | 设置或返回针对页面中所有链接的基准 URL。 | 5 | 1 | 9 | Yes |
id | 设置或返回 <base> 元素的 id。 | 4 | 1 | 9 | Yes |
target | 设置或返回针对页面中所有链接的默认目标框架。 | 5 | 1 | 9 | Yes |
DOM Body
Body 对象Body 对象代表文档的主体 (HTML body) 。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Body 对象的属性
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
id | 设置或返回 body 的 id。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的咨询性的标题。 | 5 | 1 | 9 | Yes |
DOM Button
Button 对象Button 对象代表一个按钮。
在 HTML 文档中 <button> 标签每出现一次,Button 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Button 对象的属性
属性 | 描述 | IE | F | O | W3C |
accessKey | 设置或返回访问某个按钮的快捷键。 | 6 | 1 | 9 | Yes |
disabled | 设置或返回是否禁用按钮。 | 6 | 1 | 9 | Yes |
form | 返回对包含按钮的表单的引用。 | 6 | 1 | 9 | Yes |
id | 设置或返回按钮的 id。 | 6 | 1 | 9 | Yes |
name | 设置或返回按钮的名称。 | 6 | 1 | 9 | Yes |
tabIndex | 设置或返回按钮的 Tab 键控制次序。 | 6 | 1 | 9 | Yes |
type | 返回按钮的表单类型。 | 6 | 1 | 9 | Yes |
value | 设置或返回显示在按钮上的文本。 | 6 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
DOM Canvas
Canvas 对象Canvas 对象表示一个 HTML 画布元素 - <canvas>。它没有自己的行为,但是定义了一个 API 支持脚本化客户端绘图操作。
你可以直接在该对象上指定宽度和高度,但是,其大多数功能都可以通过 CanvasRenderingContext2D 对象获得。这是通过 Canvas 对象的 getContext() 方法并且把直接量字符串 "2d" 作为唯一的参数传递给它而获得的。
<canvas> 标记在 Safari 1.3 中引入,在制作此参考页时,它在 Firefox 1.5 和 Opera 9 中也得到了支持。在 IE 中,<canvas> 标记及其 API 可以使用位于 excanvas.sourceforge.net 的 ExplorerCanvas 开源项目来模拟。
提示:如果希望学习如何使用 <canvas> 来绘制图形,可以访问 Mozilla 提供的 Canvas 教程(英文)以及相应的 中文 Canvas 教程。
Canvas 对象的属性
height 属性
画布的高度。和一幅图像一样,这个属性可以指定为一个整数像素值或者是窗口高度的百分比。当这个值改变的时候,在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。
width 属性
画布的宽度。和一幅图像一样,这个属性可以指定为一个整数像素值或者是窗口宽度的百分比。当这个值改变的时候,在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。
Canvas 对象的方法
方法 | 描述 |
getContext() | 返回一个用于在画布上绘图的环境。 |
HTML 5 <canvas> 标签
HTML 5 Canvas 教程
DOM Event
Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用,函数不会在事件发生前被执行!
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
事件句柄 (Event Handlers)
HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,可将之插入 HTML 标签以定义事件的行为。
属性 | 此事件发生在何时... | IE | F | O | W3C |
onabort | 图像的加载被中断。 | 4 | 1 | 9 | Yes |
onblur | 元素失去焦点。 | 3 | 1 | 9 | Yes |
onchange | 域的内容被改变。 | 3 | 1 | 9 | Yes |
onclick | 当用户点击某个对象时调用的事件句柄。 | 3 | 1 | 9 | Yes |
ondblclick | 当用户双击某个对象时调用的事件句柄。 | 4 | 1 | 9 | Yes |
onerror | 在加载文档或图像时发生错误。 | 4 | 1 | 9 | Yes |
onfocus | 元素获得焦点。 | 3 | 1 | 9 | Yes |
onkeydown | 某个键盘按键被按下。 | 3 | 1 | No | Yes |
onkeypress | 某个键盘按键被按下并松开。 | 3 | 1 | 9 | Yes |
onkeyup | 某个键盘按键被松开。 | 3 | 1 | 9 | Yes |
onload | 一张页面或一幅图像完成加载。 | 3 | 1 | 9 | Yes |
onmousedown | 鼠标按钮被按下。 | 4 | 1 | 9 | Yes |
onmousemove | 鼠标被移动。 | 3 | 1 | 9 | Yes |
onmouseout | 鼠标从某元素移开。 | 4 | 1 | 9 | Yes |
onmouseover | 鼠标移到某元素之上。 | 3 | 1 | 9 | Yes |
onmouseup | 鼠标按键被松开。 | 4 | 1 | 9 | Yes |
onreset | 重置按钮被点击。 | 4 | 1 | 9 | Yes |
onresize | 窗口或框架被重新调整大小。 | 4 | 1 | 9 | Yes |
onselect | 文本被选中。 | 3 | 1 | 9 | Yes |
onsubmit | 确认按钮被点击。 | 3 | 1 | 9 | Yes |
onunload | 用户退出页面。 | 3 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
altKey | 返回当事件被触发时,"ALT" 是否被按下。 | 6 | 1 | 9 | Yes |
button | 返回当事件被触发时,哪个鼠标按钮被点击。 | 6 | 1 | 9 | Yes |
clientX | 返回当事件被触发时,鼠标指针的水平坐标。 | 6 | 1 | 9 | Yes |
clientY | 返回当事件被触发时,鼠标指针的垂直坐标。 | 6 | 1 | 9 | Yes |
ctrlKey | 返回当事件被触发时,"CTRL" 键是否被按下。 | 6 | 1 | 9 | Yes |
metaKey | 返回当事件被触发时,"meta" 键是否被按下。 | No | 1 | 9 | Yes |
relatedTarget | 返回与事件的目标节点相关的节点。 | No | 1 | 9 | Yes |
screenX | 返回当某个事件被触发时,鼠标指针的水平坐标。 | 6 | 1 | 9 | Yes |
screenY | 返回当某个事件被触发时,鼠标指针的垂直坐标。 | 6 | 1 | 9 | Yes |
shiftKey | 返回当事件被触发时,"SHIFT" 键是否被按下。 | 6 | 1 | 9 | Yes |
除了上面的鼠标/事件属性,IE 浏览器还支持下面的属性:
属性 | 描述 |
cancelBubble | 如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。 |
fromElement | 对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素。 |
keyCode | 对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。 |
offsetX,offsetY | 发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。 |
returnValue | 如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle,可以取消发生事件的源元素的默认动作。 |
srcElement | 对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。 |
toElement | 对于 mouseover 和 mouseout 事件,该属性引用移入鼠标的元素。 |
x,y | 事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素。 |
下面列出了 2 级 DOM 事件标准定义的属性。
属性 | 描述 | IE | F | O | W3C |
bubbles | 返回布尔值,指示事件是否是起泡事件类型。 | No | 1 | 9 | Yes |
cancelable | 返回布尔值,指示事件是否可拥可取消的默认动作。 | No | 1 | 9 | Yes |
currentTarget | 返回其事件监听器触发该事件的元素。 | No | 1 | 9 | Yes |
eventPhase | 返回事件传播的当前阶段。 | Yes | |||
target | 返回触发此事件的元素(事件的目标节点)。 | No | 1 | 9 | Yes |
timeStamp | 返回事件生成的日期和时间。 | No | 1 | 9 | Yes |
type | 返回当前 Event 对象表示的事件的名称。 | 6 | 1 | 9 | Yes |
下面列出了 2 级 DOM 事件标准定义的方法。IE 的事件模型不支持这些方法:
方法 | 描述 | IE | F | O | W3C |
initEvent() | 初始化新创建的 Event 对象的属性。 | No | 1 | 9 | Yes |
preventDefault() | 通知浏览器不要执行与事件关联的默认动作。 | No | 1 | 9 | Yes |
stopPropagation() | 不再派发事件。 | No | 1 | 9 | Yes |
DOM Form
Form 对象Form 对象代表一个 HTML 表单。
在 HTML 文档中 <form> 每出现一次,Form 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Form 对象集合
集合 | 描述 | IE | F | O | W3C |
elements[] | 包含表单中所有元素的数组。 | 5 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
acceptCharset | 服务器可接受的字符集。 | No | No | No | Yes |
action | 设置或返回表单的 action 属性。 | 5 | 1 | 9 | Yes |
enctype | 设置或返回表单用来编码内容的 MIME 类型。 | 6 | 1 | 9 | Yes |
id | 设置或返回表单的 id。 | 5 | 1 | 9 | Yes |
length | 返回表单中的元素数目。 | 5 | 1 | 9 | Yes |
method | 设置或返回将数据发送到服务器的 HTTP 方法。 | 5 | 1 | 9 | Yes |
name | 设置或返回表单的名称。 | 5 | 1 | 9 | Yes |
target | 设置或返回表单提交结果的 Frame 或 Window 名。 | 5 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
reset() | 把表单的所有输入元素重置为它们的默认值。 | 5 | 1 | 9 | Yes |
submit() | 提交表单。 | 5 | 1 | 9 | Yes |
事件句柄 | 描述 | IE | F | O | W3C |
onreset | 在重置表单元素之前调用。 | 5 | 1 | 9 | Yes |
onsubmit | 在提交表单之前调用。 | 5 | 1 | 9 | Yes |
DOM Frame
Frame 对象Frame 对象代表一个 HTML 框架。
在 HTML 文档中 <frame> 每出现一次,就会创建一个 Frame对象。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Frame 对象的属性
属性 | 描述 | IE | F | O | W3C |
contentDocument | 容纳框架的内容的文档。 | No | 1 | 9 | Yes |
frameBorder | 设置或返回是否显示框架周围的边框。 | 5 | 1 | 9 | Yes |
id | 设置或返回框架的 id。 | 4 | 1 | 9 | Yes |
longDesc | 设置或返回指向包含框架内容描述文档的 URL。 | 6 | 1 | 9 | Yes |
marginHeight | 设置或返回框架的顶部和底部页空白。 | 5 | 1 | 9 | Yes |
marginWidth | 设置或返回框架的左边缘和右边缘的空白。 | 5 | 1 | 9 | Yes |
name | 设置或返回框架的名称。 | 5 | 1 | 9 | Yes |
noResize | 设置或返回框架是否可调整大小。 | 5 | 1 | 9 | Yes |
scrolling | 设置或返回框架是否可拥有滚动条。 | No | 1 | No | Yes |
src | 设置或返回应被加载到框架中的文档的 URL。 | 5 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
DOM Frameset
Frameset 对象Frameset 对象代表 HTML 框架集。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Frameset 对象的属性
属性 | 描述 | IE | F | O | W3C |
cols | 设置或返回框架集中列的数目。 | 5 | 1 | 9 | Yes |
id | 设置或返回框架集的 id。 | 4 | 1 | 9 | Yes |
rows | 设置或返回框架集中行的数目。 | 5 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
DOM IFrame
IFrame 对象IFrame 对象代表一个 HTML 的内联框架。
在 HTML 文档中 <iframe> 每出现一次,一个 IFrame 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
IFrame 对象的属性
属性 | 描述 | IE | F | O | W3C |
align | 根据周围的文字排列 iframe。 | 6 | 1 | 9 | Yes |
contentDocument | 容纳框架的内容的文档。 | No | 1 | 9 | Yes |
frameBorder | 设置或返回是否显示 iframe 周围的边框。 | No | 1 | 9 | Yes |
height | 设置或返回 iframe 的高度。 | 5 | 1 | 9 | Yes |
id | 设置或返回 iframe 的 id。 | 4 | 1 | 9 | Yes |
longDesc | 设置或返回描述 iframe 内容的文档的 URL。 | 6 | 1 | 9 | Yes |
marginHeight | 设置或返回 iframe 的顶部和底部的页空白。 | 5 | 1 | 9 | Yes |
marginWidth | 设置或返回 iframe 的左侧和右侧的页空白。 | 5 | 1 | 9 | Yes |
name | 设置或返回 iframe 的名称。 | 5 | 1 | 9 | Yes |
scrolling | 设置或返回 iframe 是否可拥有滚动条。 | No | 1 | No | Yes |
src | 设置或返回应载入 iframe 中的文档的 URL。 | 5 | 1 | 9 | Yes |
width | 设置或返回 iframe 的宽度。 | 5 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
DOM Image
Image 对象Image 对象代表嵌入的图像。
<img> 标签每出现一次,一个 Image 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Image 对象的属性
属性 | 描述 | IE | F | O | W3C |
align | 设置或返回与内联内容的对齐方式。 | 5 | 1 | 9 | Yes |
alt | 设置或返回无法显示图像时的替代文本。 | 5 | 1 | 9 | Yes |
border | 设置或返回图像周围的边框。 | 4 | 1 | 9 | Yes |
complete | 返回浏览器是否已完成对图像的加载。 | 4 | 1 | 9 | No |
height | 设置或返回图像的高度。 | 4 | 1 | 9 | Yes |
hspace | 设置或返回图像左侧和右侧的空白。 | 4 | 1 | 9 | Yes |
id | 设置或返回图像的 id。 | 4 | 1 | 9 | Yes |
isMap | 返回图像是否是服务器端的图像映射。 | 5 | 1 | 9 | Yes |
longDesc | 设置或返回指向包含图像描述的文档的 URL。 | 6 | 1 | 9 | Yes |
lowsrc | 设置或返回指向图像的低分辨率版本的 URL。 | 4 | 1 | 9 | No |
name | 设置或返回图像的名称。 | 4 | 1 | 9 | Yes |
src | 设置或返回图像的 URL。 | 4 | 1 | 9 | Yes |
useMap | 设置或返回客户端图像映射的 usemap 属性的值。 | 5 | 1 | 9 | Yes |
vspace | 设置或返回图像的顶部和底部的空白。 | 4 | 1 | 9 | Yes |
width | 设置或返回图像的宽度。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title。 | 5 | 1 | 9 | Yes |
事件句柄 | 描述 | IE | F | O | W3C |
onabort | 当用户放弃图像的装载时调用的事件句柄。 | 5 | 1 | 9 | Yes |
onerror | 在装载图像的过程中发生错误时调用的事件句柄。 | 5 | 1 | 9 | Yes |
onload | 当图像装载完毕时调用的事件句柄。 | 5 | 1 | 9 | Yes |
DOM Input Button
Button 对象Button 对象代表 HTML 文档中的一个按钮。
该元素没有默认的行为,但是必须有一个 onclick 事件句柄以便使用。
在 HTML 文档中 <input type="button"> 标签每出现一次,一个 Button 对象 就会被创建。
您可以通过遍历表单的 elements[] 数组来访问某个按钮,或者通过使用 document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Button 对象的属性
属性 | 描述 | IE | F | O | W3C |
accessKey | 设置或返回访问按钮的快捷键。 | 5 | 1 | 9 | Yes |
alt | 设置或返回当浏览器无法显示按钮时供显示的替代文本。 | 5 | 1 | 9 | Yes |
disabled | 设置或返回是否禁用按钮。 | 5 | 1 | 9 | Yes |
form | 返回对包含该按钮的表单对象的引用。 | 4 | 1 | 9 | Yes |
id | 设置或返回按钮的 id。 | 4 | 1 | 9 | Yes |
name | 设置或返回按钮的名称。 | 4 | 1 | 9 | Yes |
tabIndex | 设置或返回按钮的 tab 键控制次序。 | 5 | 1 | 9 | Yes |
type | 返回按钮的表单元素类型。 | 4 | 1 | 9 | Yes |
value | 设置或返回在按钮上显示的文本。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
blur() | 把焦点从元素上移开。 | 4 | 1 | 9 | Yes |
click() | 在某个按钮上模拟一次鼠标单击。 | 4 | 1 | 9 | Yes |
focus() | 为某个按钮赋予焦点。 | 4 | 1 | 9 | Yes |
DOM Input Checkbox
Checkbox 对象代表一个 HTML 表单中的 一个选择框。在 HTML 文档中 <input type="checkbox"> 每出现一次,Checkbox 对象就会被创建。
您可以通过遍历表单的 elements[] 数组来访问某个选择框,或者通过使用 document.getElementById() 。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Checkbox 对象的属性
属性 | 描述 | IE | F | O | W3C |
accessKey | 设置或返回访问 checkbox 的快捷键。 | 4 | 1 | 9 | Yes |
alt | 设置或返回不支持 checkbox 时显示的替代文本。 | 5 | 1 | 9 | Yes |
checked | 设置或返回 checkbox 是否应被选中。 | 4 | 1 | 9 | Yes |
defaultChecked | 返回 checked 属性的默认值。 | 4 | 1 | 9 | Yes |
disabled | 设置或返回 checkbox 是否应被禁用。 | 4 | 1 | 9 | Yes |
form | 返回对包含 checkbox 的表单的引用。 | 4 | 1 | 9 | Yes |
id | 设置或返回 checkbox 的 id。 | 4 | 1 | 9 | Yes |
name | 设置或返回 checkbox 的名称。 | 4 | 1 | 9 | Yes |
tabIndex | 设置或返回 checkbox 的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
type | 返回 checkbox 的表单元素类型。 | 4 | 1 | 9 | Yes |
value | 设置或返回 checkbox 的 value 属性的值 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
blur() | 从 checkbox 上移开焦点。 | 4 | 1 | 9 | Yes |
click() | 模拟在 checkbox 中的一次鼠标点击。 | 4 | 1 | 9 | Yes |
focus() | 为 checkbox 赋予焦点。 | 4 | 1 | 9 | Yes |
DOM Input File
FileUpload 对象在 HTML 文档中 <input type="file"> 标签每出现一次,一个 FileUpload 对象就会被创建。
该元素包含一个文本输入字段,用来输入文件名,还有一个按钮,用来打开文件选择对话框以便图形化选择文件。
该元素的 value 属性保存了用户指定的文件的名称,但是当包含一个 file-upload 元素的表单被提交的时候,浏览器会向服务器发送选中的文件的内容而不仅仅是发送文件名。
为安全起见,file-upload 元素不允许 HTML 作者或 JavaScript 程序员指定一个默认的文件名。HTML value 属性被忽略,并且对于此类元素来说,value 属性是只读的,这意味着只有用户可以输入一个文件名。当用户选择或编辑一个文件名,file-upload 元素触发 onchange 事件句柄。
您可以通过遍历表单的 elements[] 数组,或者通过使用 document.getElementById()来访问 FileUpload 对象。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
FileUpload 对象的属性
属性 | 描述 | IE | F | O | W3C |
accept | 设置或返回指示文件传输的 MIME 类型的列表(逗号分隔)。 | Yes | |||
accessKey | 设置或返回访问 FileUpload 对象的快捷键。 | 4 | Yes | ||
alt | 设置或返回不支持 <input type="file"> 时显示的替代文字。 | Yes | |||
defaultValue | 设置或返回 FileUpload 对象的初始值。 | 4 | 1 | Yes | |
disabled | 设置或返回是否禁用 FileUpload 对象。 | 4 | Yes | ||
form | 返回对包含 FileUpload 对象的表单的引用。 | 4 | 1 | Yes | |
id | 设置或返回 FileUpload 对象的 id。 | 4 | 1 | Yes | |
name | 设置或返回 FileUpload 对象的名称。 | 4 | 1 | Yes | |
tabIndex | 设置或返回定义 FileUpload 对象的 tab 键控制次序的索引号。 | 4 | Yes | ||
type | 返回表单元素的类型。对于 FileUpload ,则是 "file" 。 | 4 | 1 | Yes | |
value | 返回由用户输入设置的文本后,FileUpload 对象的文件名。 | 4 | 1 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
blur() | 从 FileUpload 对象上移开焦点。 | 4 | 1 | Yes | |
focus() | 为 FileUpload 对象赋予焦点。 | 4 | 1 | Yes | |
select() | 选取 FileUpload 对象。 | 4 | Yes |
DOM Input Hidden
Hidden 对象Hidden 对象代表一个 HTML 表单中的某个隐藏输入域。
这种类型的输入元素实际上是隐藏的。这个不可见的表单元素的 value 属性保存了一个要提交给 Web 服务器的任意字符串。如果想要提交并非用户直接输入的数据的话,就是用这种类型的元素。
在 HTML 表单中 <input type="hidden"> 标签每出现一次,一个 Hidden 对象就会被创建。
您可通过遍历表单的 elements[] 数组来访问某个隐藏输入域,或者通过使用document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Hidden 对象的属性
属性 | 描述 | IE | F | O | W3C |
alt | 设置或返回当不支持隐藏输入域时显示的替代文本。 | 5 | 1 | 9 | Yes |
form | 返回一个对包含隐藏域的表单的引用。 | 4 | 1 | 9 | Yes |
id | 设置或返回隐藏域的 id。 | 4 | 1 | 9 | Yes |
name | 设置或返回隐藏域的名称。 | 4 | 1 | 9 | Yes |
type | 返回隐藏输入域的表单类型。 | 4 | 1 | 9 | Yes |
value | 设置或返回隐藏域的 value 属性的值。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
DOM Input Password
Password 对象Password 对象代表 HTML 表单中的密码字段。
HTML 的 <input type="password"> 标签在表单上每出现一次,一个 Password 对象就会被创建。
该文本输入字段供用户输入某些敏感的数据,比如密码等。当用户输入的时候,他的输入是被掩盖的(例如使用星号*),以防止旁边的人从他背后看到输入的内容。不过需要注意的是,当表单提交时,输入是用明文发送的。
与类型为 "text" 的元素类似,当用户改变显示值时,它会触发 onchange 事件句柄。
您可以通过遍历表单的 elements[] array 来访问密码字段,或者通过使用 document.getElementById() 。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Password 对象属性
属性 | 描述 | IE | F | O | W3C |
accessKey | 设置或返回访问密码字段的快捷键。 | 4 | 1 | 9 | Yes |
alt | 设置或返回当不支持密码字段时显示的替代文字。 | 5 | 1 | 9 | Yes |
defaultValue | 设置或返回密码字段的默认值。 | 4 | 1 | 9 | Yes |
disabled | 设置或返回是否应被禁用密码字段。 | 5 | 1 | 9 | Yes |
form | 返回对包含此密码字段的表单的引用。 | 4 | 1 | 9 | Yes |
id | 设置或返回密码字段的 id。 | 4 | 1 | 9 | Yes |
maxLength | 设置或返回密码字段中字符的最大数目。 | 4 | 1 | 9 | Yes |
name | 设置或返回密码字段的名称。 | 4 | 1 | 9 | Yes |
readOnly | 设置或返回密码字段是否应当是只读的。 | 4 | 1 | 9 | Yes |
size | 设置或返回密码字段的长度。 | 4 | 1 | 9 | Yes |
tabIndex | 设置或返回密码字段的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
type | 返回密码字段的表单元素类型。 | 4 | 1 | 9 | Yes |
value | 设置或返回密码字段的 value 属性的值。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
blur() | 从密码字段移开焦点。 | 4 | 1 | 9 | Yes |
focus() | 为密码字段赋予焦点。 | 4 | 1 | 9 | Yes |
select() | 选取密码字段中的文本。 | 4 | 1 | 9 | Yes |
DOM Input Radio
Radio 对象Radio 对象代表 HTML 表单中的单选按钮。
在 HTML 表单中 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建。
单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。
当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄。
您可通过遍历表单的 elements[] 数组来访问 Radio 对象,或者通过使用 document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Radio 对象属性
属性 | 描述 | IE | F | O | W3C |
accessKey | 设置或返回访问单选按钮的快捷键。 | 4 | 1 | 9 | Yes |
alt | 设置或返回在不支持单选按钮时显示的替代文本。 | 5 | 1 | 9 | Yes |
checked | 设置或返回单选按钮的状态。 | 4 | 1 | 9 | Yes |
defaultChecked | 返回单选按钮的默认状态。 | 4 | 1 | 9 | Yes |
disabled | 设置或返回是否禁用单选按钮。 | 5 | 1 | 9 | Yes |
form | 返回一个对包含此单选按钮的表单的引用。 | 4 | 1 | 9 | Yes |
id | 设置或返回单选按钮的 id。 | 4 | 1 | 9 | Yes |
name | 设置或返回单选按钮的名称。 | 4 | 1 | 9 | Yes |
tabIndex | 设置或返回单选按钮的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
type | 返回单选按钮的表单类型。 | 4 | 1 | 9 | Yes |
value | 设置或返回单选按钮的 value 属性的值。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
blur() | 从单选按钮移开焦点。 | No | 1 | 9 | Yes |
click() | 在单选按钮上模拟一次鼠标点击。 | No | 2 | 9 | Yes |
focus() | 为单选按钮赋予焦点。 | No | 1 | 9 | Yes |
DOM Input Reset
Reset 对象Reset 对象代表 HTML 表单中的一个重置按钮。
在 HTML 表单中 <input type="reset"> 标签每出现一次,一个 Reset 对象就会被创建。
当重置按钮被点击,包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。
重置按钮在重置表单之前触发 onclick 句柄,并且这个句柄可以通过返回 fasle 来取消。
参阅 Form.reset() 方法 和 Form.onreset 事件句柄。
您可以通过遍历表单的 elements[] 数组来访问某个重置按钮,或者通过使用document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Reset 对象属性
属性 | 描述 | IE | F | O | W3C |
accesskey | 设置或返回访问重置按钮的快捷键。 | 4 | 1 | 9 | Yes |
alt | 设置或返回当浏览器不支持重置按钮时供显示的替代文本。 | 5 | 1 | 9 | Yes |
disabled | 设置或返回重置按钮是否应被禁用。 | 5 | 1 | 9 | Yes |
form | 返回一个对包含此重置按钮的表单对象的引用。 | 4 | 1 | 9 | Yes |
id | 设置或返回重置按钮的 id。 | 4 | 1 | 9 | Yes |
name | 设置或返回重置按钮的名称。 | 4 | 1 | 9 | Yes |
tabIndex | 设置或返回重置按钮的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
type | 返回重置按钮的表单元素类型。 | 4 | 1 | 9 | Yes |
value | 设置或返回重置按钮上显示的文本。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
blur() | 从重置按钮上移开焦点。 | 4 | 1 | 9 | Yes |
click() | 在重置按钮上模拟一次鼠标点击。 | 4 | 1 | 9 | Yes |
focus() | 为重置按钮赋予焦点。 | 4 | 1 | 9 | Yes |
DOM Input Submit
Submit 对象Submit 对象代表 HTML 表单中的一个提交按钮 (submit button)。
在 HTML 表单中 <input type="submit"> 标签每出现一次,一个 Submit 对象就会被创建。
在表单提交之前,触发 onclick 事件句柄,并且一个句柄可以通过返回 fasle 来取消表单提交。
参阅 Form.submit() 方法 和 Form.onsubmit 事件句柄。
实例:表单验证
您可以通过遍历表单的 elements[] 数组来访问某个提交按钮,或者通过使用document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Submit 对象属性
属性 | 描述 | IE | F | O | W3C |
accessKey | 设置或返回访问提交按钮的快捷键。 | 4 | 1 | 9 | Yes |
alt | 设置或返回当浏览器不支持提交按钮时供显示的替代文本。 | 5 | 1 | 9 | Yes |
disabled | 设置或返回提交按钮是否应被禁用。 | 5 | 1 | 9 | Yes |
form | 返回一个对包含此提交按钮的表单的引用。 | 4 | 1 | 9 | Yes |
id | 设置或返回提交按钮的 id。 | 4 | 1 | 9 | Yes |
name | 设置或返回提交按钮的名称。 | 4 | 1 | 9 | Yes |
tabIndex | 设置或返回提交按钮的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
type | 返回提交按钮的表单元素类型。 | 4 | 1 | 9 | Yes |
value | 设置或返回在提交按钮上显示的文本。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
blur() | 从提交按钮上移开焦点。 | 4 | 1 | 9 | Yes |
click() | 在提交按钮上模拟一次鼠标点击。 | 4 | 1 | 9 | Yes |
focus() | 为提交按钮赋予焦点。 | 4 | 1 | 9 | Yes |
DOM Input Text
Text 对象Text 对象代表 HTML 表单中的文本输入域。
在 HTML 表单中 <input type="text"> 每出现一次,Text 对象就会被创建。
该元素可创建一个单行的文本输入字段。当用户编辑显示的文本并随后把输入焦点转移到其他元素的时候,会触发 onchange 事件句柄。
您可以使用 HTML <textarea> 标记来创建多行文本输入。参阅 Textarea 对象。
对于掩码文本输入,把 <input type="text"> 中的 type 设置为 "password"。参阅 Input Password。
您可以通过表单的 elements[] 数组来访问文本输入域,或者通过使用 document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Text 对象属性
属性 | 描述 | IE | F | O | W3C |
accessKey | 设置或返回访问文本域的快捷键。 | 4 | 1 | 9 | Yes |
alt | 设置或返回当浏览器不支持文本域时供显示的替代文本。 | 5 | 1 | 9 | Yes |
defaultValue | 设置或返回文本域的默认值。 | 4 | 1 | 9 | Yes |
disabled | 设置或返回文本域是否应被禁用。 | 5 | 1 | 9 | Yes |
form | 返回一个对包含文本域的表单对象的引用。 | 4 | 1 | 9 | Yes |
id | 设置或返回文本域的 id。 | 4 | 1 | 9 | Yes |
maxLength | 设置或返回文本域中的最大字符数。 | 4 | 1 | 9 | Yes |
name | 设置或返回文本域的名称。 | 4 | 1 | 9 | Yes |
readOnly | 设置或返回文本域是否应是只读的。 | 4 | 1 | 9 | Yes |
size | 设置或返回文本域的尺寸。 | 4 | 1 | 9 | Yes |
tabIndex | 设置或返回文本域的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
type | 返回文本域的表单元素类型。 | 4 | 1 | 9 | Yes |
value | 设置或返回文本域的 value 属性的值。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
blur() | 从文本域上移开焦点。 | 4 | 1 | 9 | Yes |
focus() | 在文本域上设置焦点。 | 4 | 1 | 9 | Yes |
select() | 选取文本域中的内容。 | 4 | 1 | 9 | Yes |
DOM Link
Link 对象Link 对象代表某个 HTML 的 <link> 元素。<link> 元素可定义两个链接文档之间的关系。
<link> 元素被定义于 HTML 文档的 head 部分。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Link 对象属性
属性 | 描述 | IE | F | O | W3C |
charset | 设置或返回目标 URL 的字符编码。 | 4 | 1 | 9 | Yes |
disabled | 设置或返回目标 URL 是否当被禁用。 | 4 | 1 | 9 | Yes |
href | 设置或返回被链接资源的 URL。 | 4 | 1 | 9 | Yes |
hreflang | 设置或返回目标 URL 的基准语言。 | 4 | 1 | 9 | Yes |
id | 设置或返回某个 <link> 元素的 id。 | 4 | 1 | 9 | Yes |
media | 设置或返回文档显示的设备类型。 | 6 | 1 | 9 | Yes |
name | 设置或返回 <link> 元素的名称。 | 4 | No | No | Yes |
rel | 设置或返回当前文档与目标 URL之间的关系。 | 4 | 1 | 9 | Yes |
rev | 设置或返回目标 URL 与当前文档之间的关系。 | 4 | 1 | 9 | Yes |
type | 设置或返回目标 URL 的 MIME 类型。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
DOM Meta
Meta 对象Meta 对象代表 HTML 的 一个 <meta> 元素。
<meta> 元素可提供有关某个 HTML 元素的元信息 (meta-information),比如描述、针对搜索引擎的关键词以及刷新频率。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Meta 对象属性
属性 | 描述 | IE | F | O | W3C |
content | 设置或返回 <meta> 元素的 content 属性的值。 | 5 | 1 | 9 | Yes |
httpEquiv | 把 content 属性连接到一个 HTTP 头部。 | 5 | 1 | 9 | Yes |
name | 把 content 属性连接到某个名称。 | 5 | 1 | 9 | Yes |
scheme | 设置或返回用于解释 content 属性的值的格式。 | 6 | 1 | 9 | Yes |
DOM Object
Object 对象Object 对象代表 HTML 的 <object> 元素。
<object> 元素用于在网页中包含对象,比如:图像、音频、视频、Java applet、ActiveX、PDF、Flash 等。
W3C: W3C 标准.
Object 对象属性
属性 | 描述 | W3C |
align | 设置或返回对象相对于周围文本的对齐方式。 | Yes |
archive | 设置或返回一个字符串,用于实现对象的存档功能。 | Yes |
border | 设置或返回围绕对象的边框。 | Yes |
code | 设置或返回文件的 URL,该文件包含已编译的 Java 类。 | Yes |
codeBase | 设置或返回组件的 URL。 | Yes |
codeType | Yes | |
data | Yes | |
declare | Yes | |
form | 返回对对象的父表单的引用。 | Yes |
height | 设置或返回对象的高度。 | Yes |
hspace | 设置或返回对象的水平外边距。 | Yes |
name | 设置或返回对象的名称。 | Yes |
standby | 设置或返回在加载对象时返回的消息。 | Yes |
type | 设置或返回通过 data 属性下载的数据的内容类型。 | Yes |
useMap | Yes | |
vspace | 设置或返回对象的垂直外边距。 | Yes |
width | 设置或返回对象的宽度。 | Yes |
属性 | 描述 | W3C |
className | 设置或返回元素的 class 属性。 | Yes |
dir | 设置或返回文本的方向。 | Yes |
lang | 设置或返回元素的语言代码。 | Yes |
title | 设置或返回元素的 title 属性。 | Yes |
DOM Option
Option 对象Option 对象代表 HTML 表单中下拉列表中的一个选项。
在 HTML 表单中 <option> 标签每出现一次,一个 Option 对象就会被创建。
您可通过表单的 elements[] 数组访问一个 Option 对象,或者通过使用 document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Option 对象的属性
属性 | 描述 | IE | F | O | W3C |
defaultSelected | 返回 selected 属性的默认值。 | 4 | 1 | 9 | Yes |
disabled | 设置或返回选项是否应被禁用。 | 4 | 1 | 9 | Yes |
form | 返回对包含该元素的 <form> 元素的引用。 | 4 | 1 | 9 | Yes |
id | 设置或返回选项的 id。 | 4 | 1 | 9 | Yes |
index | 返回下拉列表中某个选项的索引位置。 | 4 | 1 | 9 | Yes |
label | 设置或返回选项的标记 (仅用于选项组)。 | 6 | Yes | ||
selected | 设置或返回 selected 属性的值。 | 4 | 1 | 9 | Yes |
text | 设置或返回某个选项的纯文本值。 | 4 | 1 | 9 | Yes |
value | 设置或返回被送往服务器的值。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
DOM Select
Select 对象Select 对象代表 HTML 表单中的一个下拉列表。
在 HTML 表单中,<select> 标签每出现一次,一个 Select 对象就会被创建。
您可通过遍历表单的 elements[] 数组来访问某个 Select 对象,或者使用 document.getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Select 对象集合
集合 | 描述 | IE | F | O | W3C |
options[] | 返回包含下拉列表中的所有选项的一个数组。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
disabled | 设置或返回是否应禁用下拉列表。 | 5 | 1 | 9 | Yes |
form | 返回对包含下拉列表的表单的引用。 | 4 | 1 | 9 | Yes |
id | 设置或返回下拉列表的 id。 | 4 | 1 | 9 | Yes |
length | 返回下拉列表中的选项数目。 | 4 | 1 | 9 | Yes |
multiple | 设置或返回是否选择多个项目。 | 4 | 1 | 9 | Yes |
name | 设置或返回下拉列表的名称。 | 4 | 1 | 9 | Yes |
selectedIndex | 设置或返回下拉列表中被选项目的索引号。 | 4 | 1 | 9 | Yes |
size | 设置或返回下拉列表中的可见行数。 | 4 | 1 | 9 | Yes |
tabIndex | 设置或返回下拉列表的 tab 键控制次序。 | 5 | 1 | 9 | Yes |
type | 返回下拉列表的表单类型。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
add() | 向下拉列表添加一个选项。 | 4 | 1 | 9 | Yes |
blur() | 从下拉列表移开焦点。 | 4 | 1 | 9 | Yes |
focus() | 在下拉列表上设置焦点。 | 4 | 1 | 9 | Yes |
remove() | 从下拉列表中删除一个选项。 | 4 | 1 | 9 | Yes |
事件句柄 | 描述 | IE | F | O | W3C |
onchange | 当改变选择时调用的事件句柄。 | 4 | 1 | 9 | Yes |
DOM Style
Style 对象Style 对象代表一个单独的样式声明。可从应用样式的文档或元素访问 Style 对象。
使用 Style 对象属性的语法:
document.getElementById("id").style.property="值"
Style 对象的属性:
背景
边框和边距
布局
列表
杂项
定位
打印
滚动条
表格
文本
规范
IE: Internet Explorer, M: 仅适用于 Mac IE, W: 仅适用于 Windows IE, F: Firefox, O: Opera
W3C: 万维网联盟 World Wide Web Consortium (Internet 标准).
Background 属性
属性 | 描述 | IE | F | O | W3C |
background | 在一行中设置所有的背景属性 | 4 | 1 | 9 | Yes |
backgroundAttachment | 设置背景图像是否固定或随页面滚动 | 4 | 1 | 9 | Yes |
backgroundColor | 设置元素的背景颜色 | 4 | 1 | 9 | Yes |
backgroundImage | 设置元素的背景图像 | 4 | 1 | 9 | Yes |
backgroundPosition | 设置背景图像的起始位置 | 4 | No | No | Yes |
backgroundPositionX | 设置backgroundPosition属性的X坐标 | 4 | No | No | No |
backgroundPositionY | 设置backgroundPosition属性的Y坐标 | 4 | No | No | No |
backgroundRepeat | 设置是否及如何重复背景图像 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
border | 在一行设置四个边框的所有属性 | 4 | 1 | 9 | Yes |
borderBottom | 在一行设置底边框的所有属性 | 4 | 1 | 9 | Yes |
borderBottomColor | 设置底边框的颜色 | 4 | 1 | 9 | Yes |
borderBottomStyle | 设置底边框的样式 | 4 | 1 | 9 | Yes |
borderBottomWidth | 设置底边框的宽度 | 4 | 1 | 9 | Yes |
borderColor | 设置所有四个边框的颜色 (可设置四种颜色) | 4 | 1 | 9 | Yes |
borderLeft | 在一行设置左边框的所有属性 | 4 | 1 | 9 | Yes |
borderLeftColor | 设置左边框的颜色 | 4 | 1 | 9 | Yes |
borderLeftStyle | 设置左边框的样式 | 4 | 1 | 9 | Yes |
borderLeftWidth | 设置左边框的宽度 | 4 | 1 | 9 | Yes |
borderRight | 在一行设置右边框的所有属性 | 4 | 1 | 9 | Yes |
borderRightColor | 设置右边框的颜色 | 4 | 1 | 9 | Yes |
borderRightStyle | 设置右边框的样式 | 4 | 1 | 9 | Yes |
borderRightWidth | 设置右边框的宽度 | 4 | 1 | 9 | Yes |
borderStyle | 设置所有四个边框的样式 (可设置四种样式) | 4 | 1 | 9 | Yes |
borderTop | 在一行设置顶边框的所有属性 | 4 | 1 | 9 | Yes |
borderTopColor | 设置顶边框的颜色 | 4 | 1 | 9 | Yes |
borderTopStyle | 设置顶边框的样式 | 4 | 1 | 9 | Yes |
borderTopWidth | 设置顶边框的宽度 | 4 | 1 | 9 | Yes |
borderWidth | 设置所有四条边框的宽度 (可设置四种宽度) | 4 | 1 | 9 | Yes |
margin | 设置元素的边距 (可设置四个值) | 4 | 1 | 9 | Yes |
marginBottom | 设置元素的底边距 | 4 | 1 | 9 | Yes |
marginLeft | 设置元素的左边距 | 4 | 1 | 9 | Yes |
marginRight | 设置元素的右边据 | 4 | 1 | 9 | Yes |
marginTop | 设置元素的顶边距 | 4 | 1 | 9 | Yes |
outline | 在一行设置所有的outline属性 | 5M | 1 | 9 | Yes |
outlineColor | 设置围绕元素的轮廓颜色 | 5M | 1 | 9 | Yes |
outlineStyle | 设置围绕元素的轮廓样式 | 5M | 1 | 9 | Yes |
outlineWidth | 设置围绕元素的轮廓宽度 | 5M | 1 | 9 | Yes |
padding | 设置元素的填充 (可设置四个值) | 4 | 1 | 9 | Yes |
paddingBottom | 设置元素的下填充 | 4 | 1 | 9 | Yes |
paddingLeft | 设置元素的左填充 | 4 | 1 | 9 | Yes |
paddingRight | 设置元素的右填充 | 4 | 1 | 9 | Yes |
paddingTop | 设置元素的顶填充 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
clear | 设置在元素的哪边不允许其他的浮动元素 | 4 | 1 | 9 | Yes |
clip | 设置元素的形状 | 4 | 1 | 9 | Yes |
content | 设置元信息 | 5M | 1 | Yes | |
counterIncrement | 设置其后是正数的计数器名称的列表。其中整数指示每当元素出现时计数器的增量。默认是1。 | 5M | 1 | Yes | |
counterReset | 设置其后是正数的计数器名称的列表。其中整数指示每当元素出现时计数器被设置的值。默认是0。 | 5M | 1 | Yes | |
cssFloat | 设置图像或文本将出现(浮动)在另一元素中的何处。 | 5M | 1 | 9 | Yes |
cursor | 设置显示的指针类型 | 4 | 1 | 9 | Yes |
direction | 设置元素的文本方向 | 5 | 1 | 9 | Yes |
display | 设置元素如何被显示 | 4 | 1 | 9 | Yes |
height | 设置元素的高度 | 4 | 1 | 9 | Yes |
markerOffset | 设置marker box的principal box距离其最近的边框边缘的距离 | 5M | 1 | Yes | |
marks | 设置是否cross marks或crop marks应仅仅被呈现于page box边缘之外 | 5M | 1 | Yes | |
maxHeight | 设置元素的最大高度 | 5M | 1 | 9 | Yes |
maxWidth | 设置元素的最大宽度 | 5M | 1 | 9 | Yes |
minHeight | 设置元素的最小高度 | 5M | 1 | 9 | Yes |
minWidth | 设置元素的最小宽度 | 5M | 1 | 9 | Yes |
overflow | 规定如何处理不适合元素盒的内容 | 4 | 1 | 9 | Yes |
verticalAlign | 设置对元素中的内容进行垂直排列 | 4 | 1 | No | Yes |
visibility | 设置元素是否可见 | 4 | 1 | 9 | Yes |
width | 设置元素的宽度 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
listStyle | 在一行设置列表的所有属性 | 4 | 1 | 9 | Yes |
listStyleImage | 把图像设置为列表项标记 | 4 | 1 | No | Yes |
listStylePosition | 改变列表项标记的位置 | 4 | 1 | 9 | Yes |
listStyleType | 设置列表项标记的类型 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
bottom | 设置元素的底边缘距离父元素底边缘的之上或之下的距离 | 5 | 1 | 9 | Yes |
left | 置元素的左边缘距离父元素左边缘的左边或右边的距离 | 4 | 1 | 9 | Yes |
position | 把元素放置在static, relative, absolute 或 fixed 的位置 | 4 | 1 | 9 | Yes |
right | 置元素的右边缘距离父元素右边缘的左边或右边的距离 | 5 | 1 | 9 | Yes |
top | 设置元素的顶边缘距离父元素顶边缘的之上或之下的距离 | 4 | 1 | 9 | Yes |
zIndex | 设置元素的堆叠次序 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
orphans | 设置段落留到页面底部的最小行数 | 5M | 1 | 9 | Yes |
page | 设置显示某元素时使用的页面类型 | 5M | 1 | 9 | Yes |
pageBreakAfter | 设置某元素之后的分页行为 | 4 | 1 | 9 | Yes |
pageBreakBefore | 设置某元素之前的分页行为 | 4 | 1 | 9 | Yes |
pageBreakInside | 设置某元素内部的分页行为 | 5M | 1 | 9 | Yes |
size | 设置页面的方向和尺寸 | 1 | 9 | Yes | |
widows | 设置段落必须留到页面顶部的最小行数 | 5M | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
scrollbar3dLightColor | 设置箭头和滚动条左侧和顶边的颜色 | 5W | No | No | No |
scrollbarArrowColor | 设置滚动条上的箭头颜色 | 5W | No | No | No |
scrollbarBaseColor | 设置滚动条的底色 | 5W | No | No | No |
scrollbarDarkShadowColor | 设置箭头和滚动条右侧和底边的颜色 | 5W | No | No | No |
scrollbarFaceColor | 设置滚动条的表色 | 5W | No | No | No |
scrollbarHighlightColor | 设置箭头和滚动条左侧和顶边的颜色,以及滚动条的背景 | 5W | No | No | No |
scrollbarShadowColor | 设置箭头和滚动条右侧和底边的颜色 | 5W | No | No | No |
scrollbarTrackColor | 设置滚动条的背景色 | 5W | No | No | No |
属性 | 描述 | IE | F | O | W3C |
borderCollapse | 设置表格边框是否合并为单边框,或者像在标准的HTML中那样分离。 | 5 | 1 | 9 | Yes |
borderSpacing | 设置分隔单元格边框的距离 | 5M | 1 | 9 | Yes |
captionSide | 设置表格标题的位置 | 5M | No | No | Yes |
emptyCells | 设置是否显示表格中的空单元格 | 5M | 1 | 9 | Yes |
tableLayout | 设置用来显示表格单元格、行以及列的算法 | 5 | No | No | Yes |
属性 | 描述 | IE | F | O | W3C |
color | 设置文本的颜色 | 4 | 1 | 9 | Yes |
font | 在一行设置所有的字体属性 | 4 | 1 | 9 | Yes |
fontFamily | 设置元素的字体系列。 | 4 | 1 | 9 | Yes |
fontSize | 设置元素的字体大小。 | 4 | 1 | 9 | Yes |
fontSizeAdjust | 设置/调整文本的尺寸 | 5M | 1 | No | Yes |
fontStretch | 设置如何紧缩或伸展字体 | 5M | No | No | Yes |
fontStyle | 设置元素的字体样式 | 4 | 1 | 9 | Yes |
fontVariant | 用小型大写字母字体来显示文本 | 4 | 1 | 9 | Yes |
fontWeight | 设置字体的粗细 | 4 | 1 | 9 | Yes |
letterSpacing | 设置字符间距 | 4 | 1 | 9 | Yes |
lineHeight | 设置行间距 | 4 | 1 | 9 | Yes |
quotes | 设置在文本中使用哪种引号 | 5M | 1 | Yes | |
textAlign | 排列文本 | 4 | 1 | 9 | Yes |
textDecoration | 设置文本的修饰 | 4 | 1 | 9 | Yes |
textIndent | 缩紧首行的文本 | 4 | 1 | 9 | Yes |
textShadow | 设置文本的阴影效果 | 5M | 1 | Yes | |
textTransform | 对文本设置大写效果 | 4 | 1 | 9 | Yes |
unicodeBidi | 5 | 1 | Yes | ||
whiteSpace | 设置如何设置文本中的折行和空白符 | 4 | 1 | 9 | Yes |
wordSpacing | 设置文本中的词间距 | 6 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
dir | 设置或返回文本的方向 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的咨询性的标题 | 5 | 1 | 9 | Yes |
它是一组样式属性及其值的文本表示。这个文本格式化为一个 CSS 样式表,去掉了包围属性和值的元素选择器的花括号。
将这一属性设置为非法的值将会抛出一个代码为 SYNTAX_ERR 的 DOMException 异常。当 CSS2Properties 对象是只读的时候,试图设置这一属性将会抛出一个代码为 NO_MODIFICATION_ALLOWED_ERR 的 DOMException 异常。
关于 CSS2Properties 对象
CSS2Properties 对象表示一组 CSS 样式属性及其值。它为 CSS 规范定义的每一个 CSS 属性都定义一个 JavaScript 属性。
一个 HTMLElement 的 style 属性是一个可读可写的 CSS2Properties 对象,就好像 CSSRule 对象的 style 属性一样。不过,Window.getComputedStyle() 的返回值是一个 CSS2Properties 对象,其属性是只读的。
相关页面
XML DOM 参考手册:CSS2Properties 对象
参考手册:CSS 参考手册
DOM Table
Table 对象Table 对象代表一个 HTML 表格。
在 HTML 文档中 <table> 标签每出现一次,一个 Table 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Table 对象集合
集合 | 描述 | IE | F | O | W3C |
cells[] | 返回包含表格中所有单元格的一个数组。 | 5 | 1 | 1 | No |
rows[] | 返回包含表格中所有行的一个数组。 | 4 | 1 | 9 | Yes |
tBodies[] | 返回包含表格中所有 tbody 的一个数组。 | 4 | Yes |
属性 | 描述 | IE | F | O | W3C |
align | 表在文档中的水平对齐方式。(已废弃) | - | - | - | - |
bgColor | 表的背景颜色。(已废弃) | - | - | - | - |
border | 设置或返回表格边框的宽度。 | 4 | 1 | 9 | Yes |
caption | 对表格的 <caption> 元素的引用。 | 4 | 1 | 9 | Yes |
cellPadding | 设置或返回单元格内容和单元格边框之间的空白量。 | 4 | 1 | 9 | Yes |
cellSpacing | 设置或返回在表格中的单元格之间的空白量。 | 4 | 1 | 9 | Yes |
frame | 设置或返回表格的外部边框。 | 4 | 1 | 9 | Yes |
id | 设置或返回表格的 id。 | 4 | 1 | 9 | Yes |
rules | 设置或返回表格的内部边框(行线)。 | 4 | 1 | 9 | Yes |
summary | 设置或返回对表格的描述(概述)。 | 6 | 1 | 9 | Yes |
tFoot | 返回表格的 TFoot 对象。如果不存在该元素,则为 null。 | 4 | 1 | 9 | Yes |
tHead | 返回表格的 THead 对象。如果不存在该元素,则为 null。 | 4 | 1 | 9 | Yes |
width | 设置或返回表格的宽度。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
createCaption() | 为表格创建一个 caption 元素。 | 4 | 1 | 9 | Yes |
createTFoot() | 在表格中创建一个空的 tFoot 元素。 | 4 | 1 | 9 | Yes |
createTHead() | 在表格中创建一个空的 tHead 元素。 | 4 | 1 | 9 | Yes |
deleteCaption() | 从表格删除 caption 元素以及其内容。 | 4 | 1 | 9 | Yes |
deleteRow() | 从表格删除一行。 | 4 | 1 | 9 | Yes |
deleteTFoot() | 从表格删除 tFoot 元素及其内容。 | 4 | 1 | 9 | Yes |
deleteTHead() | 从表格删除 tHead 元素及其内容。 | 4 | 1 | 9 | Yes |
insertRow() | 在表格中插入一个新行。 | 4 | 1 | 9 | Yes |
DOM TableCell
TableCell 对象TableCell 对象代表一个 HTML 表格单元格。
在一个 HTML 文档中 <td> 标签每出现一次,一个 TableCell 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
TableCell 对象属性
属性 | 描述 | IE | F | O | W3C |
abbr | 设置或返回单元格中内容的缩写版本。 | 6 | 1 | 9 | Yes |
align | 设置或返回单元格内部数据的水平排列方式。 | 4 | 1 | 9 | Yes |
axis | 设置或返回相关单元格的一个逗号分隔的列表。 | 6 | 1 | 9 | Yes |
cellIndex | 返回单元格在某行的单元格集合中的位置。 | 4 | 1 | 9 | Yes |
ch | 设置或返回单元格的对齐字符。 | Yes | |||
chOff | 设置或返回单元格的对齐字符的偏移量。 | Yes | |||
colSpan | 单元格横跨的列数。 | 4 | 1 | 9 | Yes |
headers | 设置或返回 header-cell 的 id 值。 | Yes | |||
id | 设置或返回单元格的 id。 | 4 | 1 | 9 | Yes |
innerHTML | 设置或返回单元格的开始标签和结束标签之间的 HTML。 | 4 | 1 | 9 | No |
rowSpan | 设置或返回单元格可横跨的行数。 | 4 | 1 | 9 | Yes |
scope | 设置或返回此单元格是否可提供标签信息。 | Yes | |||
vAlign | 设置或返回表格单元格内数据的垂直排列方式。 | 4 | 1 | 9 | Yes |
width | 设置或返回单元格的宽度。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
DOM TableRow
TableRow 对象TableRow 对象代表一个 HTML 表格行。
在 HTML 文档中 <tr> 标签每出现一次,一个 TableRow 对象就会被创建。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
TableRow 对象集合
集合 | 描述 | IE | F | O | W3C |
cells[] | 返回包含行中所有单元格的一个数组。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
align | 设置或返回在行中数据的水平排列。 | 4 | 1 | 9 | Yes |
ch | 设置或返回在行中单元格的对齐字符。 | Yes | |||
chOff | 设置或返回在行中单元格的对齐字符的偏移量。 | Yes | |||
id | 设置或返回行的 id。 | 4 | 1 | 9 | Yes |
innerHTML | 设置或返回行的开始标签和结束标签之间的 HTML。 | 5 | 1 | 9 | No |
rowIndex | 返回该行在表中的位置。 | 4 | 1 | 9 | Yes |
sectionRowIndex | 返回在 tBody 、tHead 或 tFoot 中,行的位置。 | Yes | |||
vAlign | 设置或返回在行中的数据的垂直排列方式。 | 4 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
deleteCell() | 删除行中的指定的单元格。 | 4 | 1 | 9 | Yes |
insertCell() | 在一行中的指定位置插入一个空的 <td> 元素。 | 4 | 1 | 9 | Yes |
DOM Textarea
Textarea 对象Textarea 对象代表 HTML 表单中的一个文本区 (text-area)。在表单中 <textarea> 标签每出现一次,一个 Textarea 对象就会被创建。
您可以通过索引相应表单的元素数组来访问某个 Textarea 对象,或者使用 getElementById()。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 标准.
Textarea Object Properties
属性 | 描述 | IE | F | O | W3C |
accessKey | 设置或返回访问 textarea 的键盘快捷键。 | 4 | 1 | 9 | Yes |
cols | 设置或返回 textarea 的宽度。 | 4 | 1 | 9 | Yes |
defaultValue | 设置或返回文本框中的初始内容。 | 4 | 1 | 9 | Yes |
disabled | 设置或返回 textarea 是否应当被禁用。 | 5 | 1 | 9 | Yes |
form | 返回对包含该 textarea 的表单对象的引用。 | 4 | 1 | 9 | Yes |
id | 设置或返回某个 textarea 的 id。 | 4 | 1 | 9 | Yes |
name | 设置或返回 textarea 的名称。 | 4 | 1 | 9 | Yes |
readOnly | 设置或返回 textarea 是否应当是只读的。 | 4 | 1 | 9 | Yes |
rows | 设置或返回 textarea 的高度。 | 4 | 1 | 9 | Yes |
tabIndex | 设置或返回 textarea 的 tab 键控制次序。 | 4 | 1 | 9 | Yes |
type | 返回该文本框的表单类型。 | 4 | 1 | 9 | Yes |
value | 设置或返回在 textarea 中的文本。 | 4 | 1 | 9 | Yes |
属性 | 描述 | IE | F | O | W3C |
className | 设置或返回元素的 class 属性。 | 5 | 1 | 9 | Yes |
dir | 设置或返回文本的方向。 | 5 | 1 | 9 | Yes |
lang | 设置或返回元素的语言代码。 | 5 | 1 | 9 | Yes |
title | 设置或返回元素的 title 属性。 | 5 | 1 | 9 | Yes |
方法 | 描述 | IE | F | O | W3C |
blur() | 从 textarea 移开焦点。 | 4 | 1 | 9 | Yes |
focus() | 在 textarea 上设置焦点。 | 4 | 1 | 9 | Yes |
select() | 选择 textarea 中的文本。 | 4 | 1 | 9 | Yes |
事件句柄 | 描述 | IE | F | O | W3C |
onchange | 当输入值改变时调用的事件句柄 | 4 | 1 | 9 | Yes |
相关文章推荐
- JS & DOM 参考手册
- JS与DOM的参考手册
- 客户端js(BOM&DOM)
- ARM335X参考手册 中文
- XML DOM完全参考手册(一)DOM与节点
- XML DOM完全参考手册(二)DOM节点
- day03_JS&DOM
- HTML&JS&DOM笔记总纲
- JS&DOM
- 浏览器 CSS & JS Hack 手册
- js 判断dom元素加载完成_仅作为参考
- js基础&&dom编程 25
- JS & DOM 对象
- 【必备】史上最全的浏览器 CSS & JS Hack 手册(转)
- echarts-all.js:1 Dom’s width & height should be ready before init.
- 2016.11.10 js对象参考手册(数组,Date )
- PHP - Manual手册 - 函数参考 - PHP Options&Information - PHP选项与信息 - dl运行时加载PHP扩展
- 手机 SMS PDU 格式参考手册
- Prototype使用学习手册指南之dom.js
- 3.4 JS 排他思想&&节点&&dom 的节点操作