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 |
| 返回對創建此對象的數組函數的引用。 |
1 |
4 |
|
| index |
|
1 |
4 |
| input |
|
1 |
4 |
| 設置或返回數組中元素的數目。 |
1 |
4 |
|
| 使您有能力向對象添加屬性和方法。 |
1 |
4 |
Array 對象方法
FF: Firefox, IE: Internet Explorer
| 方法 |
描述 |
FF |
IE |
| 連接兩個或更多的數組,並返回結果。 |
1 |
4 |
|
| 把數組的所有元素放入一個字符串。元素通過指定的分隔符進行分隔。 |
1 |
4 |
|
| 刪除並返回數組的最后一個元素 |
1 |
5.5 |
|
| 向數組的末尾添加一個或更多元素,並返回新的長度。 |
1 |
5.5 |
|
| 顛倒數組中元素的順序。 |
1 |
4 |
|
| 刪除並返回數組的第一個元素 |
1 |
5.5 |
|
| 從某個已有的數組返回選定的元素 |
1 |
4 |
|
| 對數組的元素進行排序 |
1 |
4 |
|
| 刪除元素,並向數組添加新元素。 |
1 |
5.5 |
|
| 返回該對象的源代碼。 |
1 |
- |
|
| 把數組轉換為字符串,並返回結果。 |
1 |
4 |
|
| 把數組轉換為本地數組,並返回結果。 |
1 |
4 |
|
| 向數組的開頭添加一個或更多元素,並返回新的長度。 |
1 |
6 |
|
| 返回數組對象的原始值 |
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 |
| 返回對創建此對象的 Boolean 函數的引用 |
1 |
4 |
|
| 使您有能力向對象添加屬性和方法。 |
1 |
4 |
Boolean 對象方法
FF: Firefox, IE: Internet Explorer
| 方法 |
描述 |
FF |
IE |
| 返回該對象的源代碼。 |
1 |
- |
|
| 把邏輯值轉換為字符串,並返回結果。 |
1 |
4 |
|
| 返回 Boolean 對象的原始值。 |
1 |
4 |
Boolean 對象描述
在 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 |
| 返回對創建此對象的 Date 函數的引用。 |
1 |
4 |
|
| 使您有能力向對象添加屬性和方法。 |
1 |
4 |
Date 對象方法
FF: Firefox, IE: Internet Explorer
| 方法 |
描述 |
FF |
IE |
| 返回當日的日期和時間。 |
1 |
3 |
|
| 從 Date 對象返回一個月中的某一天 (1 ~ 31)。 |
1 |
3 |
|
| 從 Date 對象返回一周中的某一天 (0 ~ 6)。 |
1 |
3 |
|
| 從 Date 對象返回月份 (0 ~ 11)。 |
1 |
3 |
|
| 從 Date 對象以四位數字返回年份。 |
1 |
4 |
|
| 請使用 getFullYear() 方法代替。 |
1 |
3 |
|
| 返回 Date 對象的小時 (0 ~ 23)。 |
1 |
3 |
|
| 返回 Date 對象的分鍾 (0 ~ 59)。 |
1 |
3 |
|
| 返回 Date 對象的秒數 (0 ~ 59)。 |
1 |
3 |
|
| 返回 Date 對象的毫秒(0 ~ 999)。 |
1 |
4 |
|
| 返回 1970 年 1 月 1 日至今的毫秒數。 |
1 |
3 |
|
| 返回本地時間與格林威治標准時間 (GMT) 的分鍾差。 |
1 |
3 |
|
| 根據世界時從 Date 對象返回月中的一天 (1 ~ 31)。 |
1 |
4 |
|
| 根據世界時從 Date 對象返回周中的一天 (0 ~ 6)。 |
1 |
4 |
|
| 根據世界時從 Date 對象返回月份 (0 ~ 11)。 |
1 |
4 |
|
| 根據世界時從 Date 對象返回四位數的年份。 |
1 |
4 |
|
| 根據世界時返回 Date 對象的小時 (0 ~ 23)。 |
1 |
4 |
|
| 根據世界時返回 Date 對象的分鍾 (0 ~ 59)。 |
1 |
4 |
|
| 根據世界時返回 Date 對象的秒鍾 (0 ~ 59)。 |
1 |
4 |
|
| 根據世界時返回 Date 對象的毫秒(0 ~ 999)。 |
1 |
4 |
|
| 返回1970年1月1日午夜到指定日期(字符串)的毫秒數。 |
1 |
3 |
|
| 設置 Date 對象中月的某一天 (1 ~ 31)。 |
1 |
3 |
|
| 設置 Date 對象中月份 (0 ~ 11)。 |
1 |
3 |
|
| 設置 Date 對象中的年份(四位數字)。 |
1 |
4 |
|
| 請使用 setFullYear() 方法代替。 |
1 |
3 |
|
| 設置 Date 對象中的小時 (0 ~ 23)。 |
1 |
3 |
|
| 設置 Date 對象中的分鍾 (0 ~ 59)。 |
1 |
3 |
|
| 設置 Date 對象中的秒鍾 (0 ~ 59)。 |
1 |
3 |
|
| 設置 Date 對象中的毫秒 (0 ~ 999)。 |
1 |
4 |
|
| 以毫秒設置 Date 對象。 |
1 |
3 |
|
| 根據世界時設置 Date 對象中月份的一天 (1 ~ 31)。 |
1 |
4 |
|
| 根據世界時設置 Date 對象中的月份 (0 ~ 11)。 |
1 |
4 |
|
| 根據世界時設置 Date 對象中的年份(四位數字)。 |
1 |
4 |
|
| 根據世界時設置 Date 對象中的小時 (0 ~ 23)。 |
1 |
4 |
|
| 根據世界時設置 Date 對象中的分鍾 (0 ~ 59)。 |
1 |
4 |
|
| 根據世界時設置 Date 對象中的秒鍾 (0 ~ 59)。 |
1 |
4 |
|
| 根據世界時設置 Date 對象中的毫秒 (0 ~ 999)。 |
1 |
4 |
|
| 返回該對象的源代碼。 |
1 |
- |
|
| 把 Date 對象轉換為字符串。 |
1 |
4 |
|
| 把 Date 對象的時間部分轉換為字符串。 |
1 |
4 |
|
| 把 Date 對象的日期部分轉換為字符串。 |
1 |
4 |
|
| 請使用 toUTCString() 方法代替。 |
1 |
3 |
|
| 根據世界時,把 Date 對象轉換為字符串。 |
1 |
4 |
|
| 根據本地時間格式,把 Date 對象轉換為字符串。 |
1 |
3 |
|
| 根據本地時間格式,把 Date 對象的時間部分轉換為字符串。 |
1 |
3 |
|
| 根據本地時間格式,把 Date 對象的日期部分轉換為字符串。 |
1 |
3 |
|
| 根據世界時返回 1970 年 1 月 1 日 到指定日期的毫秒數。 |
1 |
3 |
|
| 返回 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,即自然對數的底數(約等於2.718)。 |
1 |
3 |
|
| 返回 2 的自然對數(約等於0.693)。 |
1 |
3 |
|
| 返回 10 的自然對數(約等於2.302)。 |
1 |
3 |
|
| 返回以 2 為底的 e 的對數(約等於 1.414)。 |
1 |
3 |
|
| 返回以 10 為底的 e 的對數(約等於0.434)。 |
1 |
3 |
|
| 返回圓周率(約等於3.14159)。 |
1 |
3 |
|
| 返回返回 2 的平方根的倒數(約等於 0.707)。 |
1 |
3 |
|
| 返回 2 的平方根(約等於 1.414)。 |
1 |
3 |
Math 對象方法
FF: Firefox, IE: Internet Explorer
| 方法 |
描述 |
FF |
IE |
| 返回數的絕對值。 |
1 |
3 |
|
| 返回數的反余弦值。 |
1 |
3 |
|
| 返回數的反正弦值。 |
1 |
3 |
|
| 以介於 -PI/2 與 PI/2 弧度之間的數值來返回 x 的反正切值。 |
1 |
3 |
|
| 返回從 x 軸到點 (x,y) 的角度(介於 -PI/2 與 PI/2 弧度之間)。 |
1 |
3 |
|
| 對數進行上舍入。 |
1 |
3 |
|
| 返回數的余弦。 |
1 |
3 |
|
| 返回 e 的指數。 |
1 |
3 |
|
| 對數進行下舍入。 |
1 |
3 |
|
| 返回數的自然對數(底為e)。 |
1 |
3 |
|
| 返回 x 和 y 中的最高值。 |
1 |
3 |
|
| 返回 x 和 y 中的最低值。 |
1 |
3 |
|
| 返回 x 的 y 次冪。 |
1 |
3 |
|
| 返回 0 ~ 1 之間的隨機數。 |
1 |
3 |
|
| 把數四舍五入為最接近的整數。 |
1 |
3 |
|
| 返回數的正弦。 |
1 |
3 |
|
| 返回數的平方根。 |
1 |
3 |
|
| 返回角的正切。 |
1 |
3 |
|
| 返回該對象的源代碼。 |
1 |
- |
|
| 返回 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 |
| 返回對創建此對象的 Number 函數的引用。 |
1.0 |
4.0 |
|
| 可表示的最大的數。 |
1.0 |
4.0 |
|
| 可表示的最小的數。 |
1.0 |
4.0 |
|
| 非數字值。 |
1.0 |
4.0 |
|
| 負無窮大,溢出時返回該值。 |
1.0 |
4.0 |
|
| 正無窮大,溢出時返回該值。 |
1.0 |
4.0 |
|
| prototype |
使您有能力向對象添加屬性和方法。 |
1.0 |
4.0 |
Number 對象方法
FF: Firefox, IE: Internet Explorer
| 方法 |
描述 |
FF |
IE |
| 把數字轉換為字符串,使用指定的基數。 |
1.0 |
4.0 |
|
| 把數字轉換為字符串,使用本地數字格式順序。 |
1.0 |
4.0 |
|
| 把數字轉換為字符串,結果的小數點后有指定位數的數字。 |
1.0 |
5.5 |
|
| 把對象的值轉換為指數計數法。 |
1.0 |
5.5 |
|
| 把數字格式化為指定的長度。 |
1.0 |
5.5 |
|
| 返回一個 Number 對象的基本數字值。 |
1.0 |
4.0 |
Number 對象描述
在 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 |
| 字符串的長度 |
1 |
3 |
|
| prototype |
允許您向對象添加屬性和方法 |
1 |
4 |
String 對象方法
FF: Firefox, IE: Internet Explorer
| 方法 |
描述 |
FF |
IE |
| 創建 HTML 錨。 |
1 |
3 |
|
| 用大號字體顯示字符串。 |
1 |
3 |
|
| 顯示閃動字符串。 |
1 |
|
|
| 使用粗體顯示字符串。 |
1 |
3 |
|
| 返回在指定位置的字符。 |
1 |
3 |
|
| 返回在指定的位置的字符的 Unicode 編碼。 |
1 |
4 |
|
| 連接字符串。 |
1 |
4 |
|
| 以打字機文本顯示字符串。 |
1 |
3 |
|
| 使用指定的顏色來顯示字符串。 |
1 |
3 |
|
| 使用指定的尺寸來顯示字符串。 |
1 |
3 |
|
| 從字符編碼創建一個字符串。 |
1 |
4 |
|
| 檢索字符串。 |
1 |
3 |
|
| 使用斜體顯示字符串。 |
1 |
3 |
|
| 從后向前搜索字符串。 |
1 |
3 |
|
| 將字符串顯示為鏈接。 |
1 |
3 |
|
| 用本地特定的順序來比較兩個字符串。 |
1 |
4 |
|
| 找到一個或多個正在表達式的匹配。 |
1 |
4 |
|
| 替換與正則表達式匹配的子串。 |
1 |
4 |
|
| 檢索與正則表達式相匹配的值。 |
1 |
4 |
|
| 提取字符串的片斷,並在新的字符串中返回被提取的部分。 |
1 |
4 |
|
| 使用小字號來顯示字符串。 |
1 |
3 |
|
| 把字符串分割為字符串數組。 |
1 |
4 |
|
| 使用刪除線來顯示字符串。 |
1 |
3 |
|
| 把字符串顯示為下標。 |
1 |
3 |
|
| 從起始索引號提取字符串中指定數目的字符。 |
1 |
4 |
|
| 提取字符串中兩個指定的索引號之間的字符。 |
1 |
3 |
|
| 把字符串顯示為上標。 |
1 |
3 |
|
| 把字符串轉換為小寫。 |
- |
- |
|
| 把字符串轉換為大寫。 |
- |
- |
|
| 把字符串轉換為小寫。 |
1 |
3 |
|
| 把字符串轉換為大寫。 |
1 |
3 |
|
| toSource() |
代表對象的源代碼。 |
1 |
- |
| 返回字符串。 |
- |
- |
|
| 返回某個字符串對象的原始值。 |
1 |
4 |
String 對象描述
字符串是 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 參數,拋出該異常。
修飾符
| 修飾符 |
描述 |
| 執行對大小寫不敏感的匹配。 |
|
| 執行全局匹配(查找所有匹配而非在找到第一個匹配后停止)。 |
|
| m |
執行多行匹配。 |
方括號
方括號用於查找某個范圍內的字符:
| 表達式 |
描述 |
| 查找方括號之間的任何字符。 |
|
| 查找任何不在方括號之間的字符。 |
|
| [0-9] |
查找任何從 0 至 9 的數字。 |
| [a-z] |
查找任何從小寫 a 到小寫 z 的字符。 |
| [A-Z] |
查找任何從大寫 A 到大寫 Z 的字符。 |
| [A-z] |
查找任何從大寫 A 到小寫 z 的字符。 |
| [adgk] |
查找給定集合內的任何字符。 |
| [^adgk] |
查找給定集合外的任何字符。 |
| (red|blue|green) |
查找任何指定的選項。 |
元字符
元字符(Metacharacter)是擁有特殊含義的字符:
| 元字符 |
描述 |
| 查找單個字符,除了換行和行結束符。 |
|
| 查找單詞字符。 |
|
| 查找非單詞字符。 |
|
| 查找數字。 |
|
| 查找非數字字符。 |
|
| 查找空白字符。 |
|
| 查找非空白字符。 |
|
| 查找位於單詞的開頭或結尾的匹配。 |
|
| 查找不處在單詞的開頭或結尾的匹配。 |
|
| \0 |
查找 NUL 字符。 |
| 查找換行符。 |
|
| \f |
查找換頁符。 |
| \r |
查找回車符。 |
| \t |
查找制表符。 |
| \v |
查找垂直制表符。 |
| 查找以八進制數 xxx 規定的字符。 |
|
| 查找以十六進制數 dd 規定的字符。 |
|
| 查找以十六進制數 xxxx 規定的 Unicode 字符。 |
量詞
| 量詞 |
描述 |
| 匹配任何包含至少一個 n 的字符串。 |
|
| 匹配任何包含零個或多個 n 的字符串。 |
|
| 匹配任何包含零個或一個 n 的字符串。 |
|
| 匹配包含 X 個 n 的序列的字符串。 |
|
| 匹配包含 X 或 Y 個 n 的序列的字符串。 |
|
| 匹配包含至少 X 個 n 的序列的字符串。 |
|
| 匹配任何結尾為 n 的字符串。 |
|
| 匹配任何開頭為 n 的字符串。 |
|
| 匹配任何其后緊接指定字符串 n 的字符串。 |
|
| 匹配任何其后沒有緊接指定字符串 n 的字符串。 |
RegExp 對象屬性
FF: Firefox, IE: Internet Explorer
| 屬性 |
描述 |
FF |
IE |
| RegExp 對象是否具有標志 g。 |
1 |
4 |
|
| RegExp 對象是否具有標志 i。 |
1 |
4 |
|
| 一個整數,標示開始下一次匹配的字符位置。 |
1 |
4 |
|
| RegExp 對象是否具有標志 m。 |
1 |
4 |
|
| 正則表達式的源文本。 |
1 |
4 |
RegExp 對象方法
FF: Firefox, IE: Internet Explorer
| 方法 |
描述 |
FF |
IE |
| 編譯正則表達式。 |
1 |
4 |
|
| 檢索字符串中指定的值。返回找到的值,並確定其位置。 |
1 |
4 |
|
| 檢索字符串中指定的值。返回 true 或 false。 |
1 |
4 |
支持正則表達式的 String 對象的方法
FF: Firefox, IE: Internet Explorer
| 方法 |
描述 |
FF |
IE |
| 檢索與正則表達式相匹配的值。 |
1 |
4 |
|
| 找到一個或多個正則表達式的匹配。 |
1 |
4 |
|
| 替換與正則表達式匹配的子串。 |
1 |
4 |
|
| 把字符串分割為字符串數組。 |
1 |
4 |
JS Functions
全局屬性和函數可用於所有內建的 JavaScript 對象。
頂層函數(全局函數)
FF: Firefox, IE: Internet Explorer
| 函數 |
描述 |
FF |
IE |
| 解碼某個編碼的 URI。 |
1 |
5.5 |
|
| 解碼一個編碼的 URI 組件。 |
1 |
5.5 |
|
| 把字符串編碼為 URI。 |
1 |
5.5 |
|
| 把字符串編碼為 URI 組件。 |
1 |
5.5 |
|
| 對字符串進行編碼。 |
1 |
3 |
|
| 計算 JavaScript 字符串,並把它作為腳本代碼來執行。 |
1 |
3 |
|
| 返回一個 JavaObject 的 JavaClass。 |
|
|
|
| 檢查某個值是否為有窮大的數。 |
1 |
4 |
|
| 檢查某個值是否是數字。 |
1 |
3 |
|
| 把對象的值轉換為數字。 |
1 |
|
|
| 解析一個字符串並返回一個浮點數。 |
1 |
3 |
|
| 解析一個字符串並返回一個整數。 |
1 |
3 |
|
| 把對象的值轉換為字符串。 |
1 |
|
|
| 對由 escape() 編碼的字符串進行解碼。 |
1 |
3 |
頂層屬性(全局屬性)
FF: Firefox, IE: Internet Explorer
| 方法 |
描述 |
FF |
IE |
| 代表正的無窮大的數值。 |
1 |
4 |
|
| 代表 java.* 包層級的一個 JavaPackage。 |
|
|
|
| 指示某個值是不是數字值。 |
1 |
4 |
|
| 根 JavaPackage 對象。 |
|
|
|
| 指示未定義的值。 |
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 |
Window 對象屬性
| 屬性 |
描述 |
IE |
F |
O |
| 返回窗口是否已被關閉。 |
4 |
1 |
9 |
|
| 設置或返回窗口狀態欄中的默認文本。 |
4 |
No |
9 |
|
| 對 Document 對象的只讀引用。請參閱 Document 對象。 |
4 |
1 |
9 |
|
| 對 History 對象的只讀引用。請參數 History 對象。 |
4 |
1 |
9 |
|
| 返回窗口的文檔顯示區的高度。 |
No |
No |
No |
|
| 返回窗口的文檔顯示區的寬度。 |
No |
No |
No |
|
| length |
設置或返回窗口中的框架數量。 |
4 |
1 |
9 |
| 用於窗口或框架的 Location 對象。請參閱 Location 對象。 |
4 |
1 |
9 |
|
| 設置或返回窗口的名稱。 |
4 |
1 |
9 |
|
| 對 Navigator 對象的只讀引用。請參數 Navigator 對象。 |
4 |
1 |
9 |
|
| 返回對創建此窗口的窗口的引用。 |
4 |
1 |
9 |
|
| 返回窗口的外部高度。 |
No |
No |
No |
|
| 返回窗口的外部寬度。 |
No |
No |
No |
|
| pageXOffset |
設置或返回當前頁面相對於窗口顯示區左上角的 X 位置。 |
No |
No |
No |
| pageYOffset |
設置或返回當前頁面相對於窗口顯示區左上角的 Y 位置。 |
No |
No |
No |
| parent |
返回父窗口。 |
4 |
1 |
9 |
| 對 Screen 對象的只讀引用。請參數 Screen 對象。 |
4 |
1 |
9 |
|
| 返回對當前窗口的引用。等價於 Window 屬性。 |
4 |
1 |
9 |
|
| 設置窗口狀態欄的文本。 |
4 |
No |
9 |
|
| 返回最頂層的先輩窗口。 |
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 |
Window 對象方法
| 方法 |
描述 |
IE |
F |
O |
| 顯示帶有一段消息和一個確認按鈕的警告框。 |
4 |
1 |
9 |
|
| 把鍵盤焦點從頂層窗口移開。 |
4 |
1 |
9 |
|
| 取消由 setInterval() 設置的 timeout。 |
4 |
1 |
9 |
|
| 取消由 setTimeout() 方法設置的 timeout。 |
4 |
1 |
9 |
|
| 關閉瀏覽器窗口。 |
4 |
1 |
9 |
|
| 顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。 |
4 |
1 |
9 |
|
| 創建一個 pop-up 窗口。 |
4 |
No |
No |
|
| 把鍵盤焦點給予一個窗口。 |
4 |
1 |
9 |
|
| 可相對窗口的當前坐標把它移動指定的像素。 |
4 |
1 |
9 |
|
| 把窗口的左上角移動到一個指定的坐標。 |
4 |
1 |
9 |
|
| 打開一個新的瀏覽器窗口或查找一個已命名的窗口。 |
4 |
1 |
9 |
|
| 打印當前窗口的內容。 |
5 |
1 |
9 |
|
| 顯示可提示用戶輸入的對話框。 |
4 |
1 |
9 |
|
| 按照指定的像素調整窗口的大小。 |
4 |
1 |
9 |
|
| 把窗口的大小調整到指定的寬度和高度。 |
4 |
1.5 |
9 |
|
| 按照指定的像素值來滾動內容。 |
4 |
1 |
9 |
|
| 把內容滾動到指定的坐標。 |
4 |
1 |
9 |
|
| 按照指定的周期(以毫秒計)來調用函數或計算表達式。 |
4 |
1 |
9 |
|
| 在指定的毫秒數后調用函數或計算表達式。 |
4 |
1 |
9 |
Window 對象描述
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 |
Navigator 對象屬性
| 屬性 |
描述 |
IE |
F |
O |
| 返回瀏覽器的代碼名。 |
4 |
1 |
9 |
|
| 返回瀏覽器的次級版本。 |
4 |
No |
No |
|
| 返回瀏覽器的名稱。 |
4 |
1 |
9 |
|
| 返回瀏覽器的平台和版本信息。 |
4 |
1 |
9 |
|
| 返回當前瀏覽器的語言。 |
4 |
No |
9 |
|
| 返回指明瀏覽器中是否啟用 cookie 的布爾值。 |
4 |
1 |
9 |
|
| 返回瀏覽器系統的 CPU 等級。 |
4 |
No |
No |
|
| 返回指明系統是否處於脫機模式的布爾值。 |
4 |
No |
No |
|
| 返回運行瀏覽器的操作系統平台。 |
4 |
1 |
9 |
|
| 返回 OS 使用的默認語言。 |
4 |
No |
No |
|
| 返回由客戶機發送服務器的 user-agent 頭部的值。 |
4 |
1 |
9 |
|
| 返回 OS 的自然語言設置。 |
4 |
No |
9 |
Navigator 對象方法
| 方法 |
描述 |
IE |
F |
O |
| 規定瀏覽器是否啟用 Java。 |
4 |
1 |
9 |
|
| 規定瀏覽器是否啟用數據污點 (data tainting)。 |
4 |
1 |
9 |
Navigator 對象描述
Navigator 對象包含的屬性描述了正在使用的瀏覽器。可以使用這些屬性進行平台專用的配置。
雖然這個對象的名稱顯而易見的是 Netscape 的 Navigator 瀏覽器,但其他實現了 JavaScript 的瀏覽器也支持這個對象。
Navigator 對象的實例是唯一的,可以用 Window 對象的 navigator 屬性來引用它。
DOM Screen
Screen 對象
Screen 對象包含有關客戶端顯示屏幕的信息。
注釋:沒有應用於 screen 對象的公開標准,不過所有瀏覽器都支持該對象。
IE: Internet Explorer, F: Firefox, O: Opera.
Screen 對象屬性
| 屬性 |
描述 |
IE |
F |
O |
| 返回顯示屏幕的高度 (除 Windows 任務欄之外)。 |
4 |
1 |
9 |
|
| 返回顯示屏幕的寬度 (除 Windows 任務欄之外)。 |
4 |
1 |
9 |
|
| 設置或返回調色板的比特深度。 |
4 |
No |
No |
|
| 返回目標設備或緩沖器上的調色板的比特深度。 |
4 |
1 |
9 |
|
| 返回顯示屏幕的每英寸水平點數。 |
6 |
No |
No |
|
| 返回顯示屏幕的每英寸垂直點數。 |
6 |
No |
No |
|
| 返回用戶是否在顯示控制面板中啟用了字體平滑。 |
4 |
No |
No |
|
| 返回顯示屏幕的高度。 |
4 |
1 |
9 |
|
| 返回顯示屏幕每英寸的水平方向的常規點數。 |
6 |
No |
No |
|
| 返回顯示屏幕每英寸的垂直方向的常規點數。 |
6 |
No |
No |
|
| 返回顯示屏幕的顏色分辨率(比特每像素)。 |
No |
1 |
9 |
|
| 設置或返回屏幕的刷新率。 |
4 |
No |
No |
|
| 返回顯示器屏幕的寬度。 |
4 |
1 |
9 |
Screen 對象描述
每個 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 |
| 返回瀏覽器歷史列表中的 URL 數量。 |
4 |
1 |
9 |
History 對象方法
| 方法 |
描述 |
IE |
F |
O |
| 加載 history 列表中的前一個 URL。 |
4 |
1 |
9 |
|
| 加載 history 列表中的下一個 URL。 |
4 |
1 |
9 |
|
| 加載 history 列表中的某個具體頁面。 |
4 |
1 |
9 |
History 對象描述
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 |
| 設置或返回從井號 (#) 開始的 URL(錨)。 |
4 |
1 |
9 |
|
| 設置或返回主機名和當前 URL 的端口號。 |
4 |
1 |
9 |
|
| 設置或返回當前 URL 的主機名。 |
4 |
1 |
9 |
|
| 設置或返回完整的 URL。 |
4 |
1 |
9 |
|
| 設置或返回當前 URL 的路徑部分。 |
4 |
1 |
9 |
|
| 設置或返回當前 URL 的端口號。 |
4 |
1 |
9 |
|
| 設置或返回當前 URL 的協議。 |
4 |
1 |
9 |
|
| 設置或返回從問號 (?) 開始的 URL(查詢部分)。 |
4 |
1 |
9 |
Location 對象方法
| 屬性 |
描述 |
IE |
F |
O |
| 加載新的文檔。 |
4 |
1 |
9 |
|
| 重新加載當前文檔。 |
4 |
1 |
9 |
|
| 用新的文檔替換當前文檔。 |
4 |
1 |
9 |
Location 對象描述
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 |
| 提供對文檔中所有 HTML 元素的訪問。 |
4 |
1 |
9 |
No |
|
| 返回對文檔中所有 Anchor 對象的引用。 |
4 |
1 |
9 |
Yes |
|
| applets |
返回對文檔中所有 Applet 對象的引用。 |
- |
- |
- |
- |
| 返回對文檔中所有 Form 對象引用。 |
4 |
1 |
9 |
Yes |
|
| 返回對文檔中所有 Image 對象引用。 |
4 |
1 |
9 |
Yes |
|
| 返回對文檔中所有 Area 和 Link 對象引用。 |
4 |
1 |
9 |
Yes |
Document 對象屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| body |
提供對 <body> 元素的直接訪問。 對於定義了框架集的文檔,該屬性引用最外層的 <frameset>。 |
|
|
|
|
| 設置或返回與當前文檔有關的所有 cookie。 |
4 |
1 |
9 |
Yes |
|
| 返回當前文檔的域名。 |
4 |
1 |
9 |
Yes |
|
| 返回文檔被最后修改的日期和時間。 |
4 |
1 |
No |
No |
|
| 返回載入當前文檔的文檔的 URL。 |
4 |
1 |
9 |
Yes |
|
| 返回當前文檔的標題。 |
4 |
1 |
9 |
Yes |
|
| 返回當前文檔的 URL。 |
4 |
1 |
9 |
Yes |
Document 對象方法
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 關閉用 document.open() 方法打開的輸出流,並顯示選定的數據。 |
4 |
1 |
9 |
Yes |
|
| 返回對擁有指定 id 的第一個對象的引用。 |
5 |
1 |
9 |
Yes |
|
| 返回帶有指定名稱的對象集合。 |
5 |
1 |
9 |
Yes |
|
| 返回帶有指定標簽名的對象集合。 |
5 |
1 |
9 |
Yes |
|
| 打開一個流,以收集來自任何 document.write() 或 document.writeln() 方法的輸出。 |
4 |
1 |
9 |
Yes |
|
| 向文檔寫 HTML 表達式 或 JavaScript 代碼。 |
4 |
1 |
9 |
Yes |
|
| 等同於 write() 方法,不同的是在每個表達式之后寫一個換行符。 |
4 |
1 |
9 |
Yes |
Document 對象描述
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 |
| 設置或返回訪問一個鏈接的快捷鍵。 |
5 |
1 |
No |
Yes |
|
| 設置或返回被鏈接資源的字符集。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回逗號分隔列表,包含了圖像映射中鏈接的坐標。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回被鏈接資源的 URL。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回被鏈接資源的語言代碼。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回一個鏈接的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回一個鏈接的內容。 |
4 |
1 |
9 |
No |
|
| 設置或返回一個鏈接的名稱。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回當前文檔與目標 URL 之間的關系。 |
5 |
1 |
No |
Yes |
|
| 設置或返回目標 URL 與之間當前文檔的關系。 |
5 |
1 |
No |
Yes |
|
| 設置或返回圖像映射中某個鏈接的形狀。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回某個鏈接的 Tab 鍵控制次序。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回在何處打開鏈接。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回被鏈接資源的 MIME 類型。 |
6 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Anchor 對象的方法
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 把焦點從鏈接上移開。 |
5 |
1 |
9 |
Yes |
|
| 給鏈接應用焦點。 |
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 |
| 設置或返回訪問某個區域的快捷鍵。 |
5 |
1 |
No |
Yes |
|
| 設置或返回當瀏覽器無法顯示某個區域時的替換文字。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回圖像映射中可點擊區域的坐標。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回某個區域中 URL 的錨部分。 |
4 |
1 |
No |
No |
|
| 設置或返回某個區域中 URL 的主機名和端口。 |
4 |
1 |
No |
No |
|
| 設置或返回圖像映射中鏈接的 URL。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回某個區域的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回某個區域是否應是活動的還是非活動的。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回某個區域中的 URL 的路徑名。 |
4 |
1 |
9 |
No |
|
| 設置或返回某個區域中的 URL 的協議。 |
4 |
1 |
9 |
No |
|
| 設置或返回某個區域中 URL 的查詢字符串部分。 |
4 |
1 |
9 |
No |
|
| 設置或返回圖像映射中某個區域的形狀。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回某個區域的 tab 鍵控制次序。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回在何處打開區域中的 link-URL。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 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 |
| 設置或返回針對頁面中所有鏈接的基准 URL。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回 <base> 元素的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回針對頁面中所有鏈接的默認目標框架。 |
5 |
1 |
9 |
Yes |
DOM Body
Body 對象
Body 對象代表文檔的主體 (HTML body) 。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 標准.
Body 對象的屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回 body 的 id。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的咨詢性的標題。 |
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 |
| 設置或返回訪問某個按鈕的快捷鍵。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回是否禁用按鈕。 |
6 |
1 |
9 |
Yes |
|
| 返回對包含按鈕的表單的引用。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回按鈕的 id。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回按鈕的名稱。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回按鈕的 Tab 鍵控制次序。 |
6 |
1 |
9 |
Yes |
|
| 返回按鈕的表單類型。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回顯示在按鈕上的文本。 |
6 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 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 對象的方法
| 方法 |
描述 |
| 返回一個用於在畫布上繪圖的環境。 |
參閱
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 |
| 圖像的加載被中斷。 |
4 |
1 |
9 |
Yes |
|
| 元素失去焦點。 |
3 |
1 |
9 |
Yes |
|
| 域的內容被改變。 |
3 |
1 |
9 |
Yes |
|
| 當用戶點擊某個對象時調用的事件句柄。 |
3 |
1 |
9 |
Yes |
|
| 當用戶雙擊某個對象時調用的事件句柄。 |
4 |
1 |
9 |
Yes |
|
| 在加載文檔或圖像時發生錯誤。 |
4 |
1 |
9 |
Yes |
|
| 元素獲得焦點。 |
3 |
1 |
9 |
Yes |
|
| 某個鍵盤按鍵被按下。 |
3 |
1 |
No |
Yes |
|
| 某個鍵盤按鍵被按下並松開。 |
3 |
1 |
9 |
Yes |
|
| 某個鍵盤按鍵被松開。 |
3 |
1 |
9 |
Yes |
|
| 一張頁面或一幅圖像完成加載。 |
3 |
1 |
9 |
Yes |
|
| 鼠標按鈕被按下。 |
4 |
1 |
9 |
Yes |
|
| 鼠標被移動。 |
3 |
1 |
9 |
Yes |
|
| 鼠標從某元素移開。 |
4 |
1 |
9 |
Yes |
|
| 鼠標移到某元素之上。 |
3 |
1 |
9 |
Yes |
|
| 鼠標按鍵被松開。 |
4 |
1 |
9 |
Yes |
|
| 重置按鈕被點擊。 |
4 |
1 |
9 |
Yes |
|
| 窗口或框架被重新調整大小。 |
4 |
1 |
9 |
Yes |
|
| 文本被選中。 |
3 |
1 |
9 |
Yes |
|
| 確認按鈕被點擊。 |
3 |
1 |
9 |
Yes |
|
| 用戶退出頁面。 |
3 |
1 |
9 |
Yes |
鼠標 / 鍵盤屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 返回當事件被觸發時,"ALT" 是否被按下。 |
6 |
1 |
9 |
Yes |
|
| 返回當事件被觸發時,哪個鼠標按鈕被點擊。 |
6 |
1 |
9 |
Yes |
|
| 返回當事件被觸發時,鼠標指針的水平坐標。 |
6 |
1 |
9 |
Yes |
|
| 返回當事件被觸發時,鼠標指針的垂直坐標。 |
6 |
1 |
9 |
Yes |
|
| 返回當事件被觸發時,"CTRL" 鍵是否被按下。 |
6 |
1 |
9 |
Yes |
|
| 返回當事件被觸發時,"meta" 鍵是否被按下。 |
No |
1 |
9 |
Yes |
|
| 返回與事件的目標節點相關的節點。 |
No |
1 |
9 |
Yes |
|
| 返回當某個事件被觸發時,鼠標指針的水平坐標。 |
6 |
1 |
9 |
Yes |
|
| 返回當某個事件被觸發時,鼠標指針的垂直坐標。 |
6 |
1 |
9 |
Yes |
|
| 返回當事件被觸發時,"SHIFT" 鍵是否被按下。 |
6 |
1 |
9 |
Yes |
IE 屬性
除了上面的鼠標/事件屬性,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動態定位的最內層包容元素。 |
標准 Event 屬性
下面列出了 2 級 DOM 事件標准定義的屬性。
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 返回布爾值,指示事件是否是起泡事件類型。 |
No |
1 |
9 |
Yes |
|
| 返回布爾值,指示事件是否可擁可取消的默認動作。 |
No |
1 |
9 |
Yes |
|
| 返回其事件監聽器觸發該事件的元素。 |
No |
1 |
9 |
Yes |
|
| 返回事件傳播的當前階段。 |
|
|
|
Yes |
|
| 返回觸發此事件的元素(事件的目標節點)。 |
No |
1 |
9 |
Yes |
|
| 返回事件生成的日期和時間。 |
No |
1 |
9 |
Yes |
|
| 返回當前 Event 對象表示的事件的名稱。 |
6 |
1 |
9 |
Yes |
標准 Event 方法
下面列出了 2 級 DOM 事件標准定義的方法。IE 的事件模型不支持這些方法:
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 初始化新創建的 Event 對象的屬性。 |
No |
1 |
9 |
Yes |
|
| 通知瀏覽器不要執行與事件關聯的默認動作。 |
No |
1 |
9 |
Yes |
|
| 不再派發事件。 |
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 |
| 包含表單中所有元素的數組。 |
5 |
1 |
9 |
Yes |
Form 對象屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 服務器可接受的字符集。 |
No |
No |
No |
Yes |
|
| 設置或返回表單的 action 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回表單用來編碼內容的 MIME 類型。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回表單的 id。 |
5 |
1 |
9 |
Yes |
|
| 返回表單中的元素數目。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回將數據發送到服務器的 HTTP 方法。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回表單的名稱。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回表單提交結果的 Frame 或 Window 名。 |
5 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Form 對象方法
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 把表單的所有輸入元素重置為它們的默認值。 |
5 |
1 |
9 |
Yes |
|
| 提交表單。 |
5 |
1 |
9 |
Yes |
Form 對象事件句柄
| 事件句柄 |
描述 |
IE |
F |
O |
W3C |
| 在重置表單元素之前調用。 |
5 |
1 |
9 |
Yes |
|
| 在提交表單之前調用。 |
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 |
| 容納框架的內容的文檔。 |
No |
1 |
9 |
Yes |
|
| 設置或返回是否顯示框架周圍的邊框。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回框架的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回指向包含框架內容描述文檔的 URL。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回框架的頂部和底部頁空白。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回框架的左邊緣和右邊緣的空白。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回框架的名稱。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回框架是否可調整大小。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回框架是否可擁有滾動條。 |
No |
1 |
No |
Yes |
|
| 設置或返回應被加載到框架中的文檔的 URL。 |
5 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
DOM Frameset
Frameset 對象
Frameset 對象代表 HTML 框架集。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: W3C 標准.
Frameset 對象的屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回框架集中列的數目。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回框架集的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回框架集中行的數目。 |
5 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 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 |
| 根據周圍的文字排列 iframe。 |
6 |
1 |
9 |
Yes |
|
| 容納框架的內容的文檔。 |
No |
1 |
9 |
Yes |
|
| 設置或返回是否顯示 iframe 周圍的邊框。 |
No |
1 |
9 |
Yes |
|
| 設置或返回 iframe 的高度。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回 iframe 的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回描述 iframe 內容的文檔的 URL。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回 iframe 的頂部和底部的頁空白。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回 iframe 的左側和右側的頁空白。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回 iframe 的名稱。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回 iframe 是否可擁有滾動條。 |
No |
1 |
No |
Yes |
|
| 設置或返回應載入 iframe 中的文檔的 URL。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回 iframe 的寬度。 |
5 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 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 |
| 設置或返回與內聯內容的對齊方式。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回無法顯示圖像時的替代文本。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回圖像周圍的邊框。 |
4 |
1 |
9 |
Yes |
|
| 返回瀏覽器是否已完成對圖像的加載。 |
4 |
1 |
9 |
No |
|
| 設置或返回圖像的高度。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回圖像左側和右側的空白。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回圖像的 id。 |
4 |
1 |
9 |
Yes |
|
| 返回圖像是否是服務器端的圖像映射。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回指向包含圖像描述的文檔的 URL。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回指向圖像的低分辨率版本的 URL。 |
4 |
1 |
9 |
No |
|
| 設置或返回圖像的名稱。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回圖像的 URL。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回客戶端圖像映射的 usemap 屬性的值。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回圖像的頂部和底部的空白。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回圖像的寬度。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title。 |
5 |
1 |
9 |
Yes |
Image 對象的事件句柄
| 事件句柄 |
描述 |
IE |
F |
O |
W3C |
| 當用戶放棄圖像的裝載時調用的事件句柄。 |
5 |
1 |
9 |
Yes |
|
| 在裝載圖像的過程中發生錯誤時調用的事件句柄。 |
5 |
1 |
9 |
Yes |
|
| 當圖像裝載完畢時調用的事件句柄。 |
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 |
| 設置或返回訪問按鈕的快捷鍵。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回當瀏覽器無法顯示按鈕時供顯示的替代文本。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回是否禁用按鈕。 |
5 |
1 |
9 |
Yes |
|
| 返回對包含該按鈕的表單對象的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回按鈕的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回按鈕的名稱。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回按鈕的 tab 鍵控制次序。 |
5 |
1 |
9 |
Yes |
|
| 返回按鈕的表單元素類型。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回在按鈕上顯示的文本。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Button 對象的方法
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 把焦點從元素上移開。 |
4 |
1 |
9 |
Yes |
|
| 在某個按鈕上模擬一次鼠標單擊。 |
4 |
1 |
9 |
Yes |
|
| 為某個按鈕賦予焦點。 |
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 |
| 設置或返回訪問 checkbox 的快捷鍵。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回不支持 checkbox 時顯示的替代文本。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回 checkbox 是否應被選中。 |
4 |
1 |
9 |
Yes |
|
| 返回 checked 屬性的默認值。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回 checkbox 是否應被禁用。 |
4 |
1 |
9 |
Yes |
|
| 返回對包含 checkbox 的表單的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回 checkbox 的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回 checkbox 的名稱。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回 checkbox 的 tab 鍵控制次序。 |
4 |
1 |
9 |
Yes |
|
| 返回 checkbox 的表單元素類型。 |
4 |
1 |
9 |
Yes |
|
| value |
設置或返回 checkbox 的 value 屬性的值 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Checkbox 對象的方法
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 從 checkbox 上移開焦點。 |
4 |
1 |
9 |
Yes |
|
| 模擬在 checkbox 中的一次鼠標點擊。 |
4 |
1 |
9 |
Yes |
|
| 為 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 |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
FileUpload 對象的方法
| 方法 |
描述 |
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 |
| 設置或返回當不支持隱藏輸入域時顯示的替代文本。 |
5 |
1 |
9 |
Yes |
|
| 返回一個對包含隱藏域的表單的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回隱藏域的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回隱藏域的名稱。 |
4 |
1 |
9 |
Yes |
|
| 返回隱藏輸入域的表單類型。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回隱藏域的 value 屬性的值。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 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 |
| 設置或返回訪問密碼字段的快捷鍵。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回當不支持密碼字段時顯示的替代文字。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回密碼字段的默認值。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回是否應被禁用密碼字段。 |
5 |
1 |
9 |
Yes |
|
| 返回對包含此密碼字段的表單的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回密碼字段的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回密碼字段中字符的最大數目。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回密碼字段的名稱。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回密碼字段是否應當是只讀的。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回密碼字段的長度。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回密碼字段的 tab 鍵控制次序。 |
4 |
1 |
9 |
Yes |
|
| 返回密碼字段的表單元素類型。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回密碼字段的 value 屬性的值。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Password 對象方法
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 從密碼字段移開焦點。 |
4 |
1 |
9 |
Yes |
|
| 為密碼字段賦予焦點。 |
4 |
1 |
9 |
Yes |
|
| 選取密碼字段中的文本。 |
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 |
| 設置或返回訪問單選按鈕的快捷鍵。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回在不支持單選按鈕時顯示的替代文本。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回單選按鈕的狀態。 |
4 |
1 |
9 |
Yes |
|
| 返回單選按鈕的默認狀態。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回是否禁用單選按鈕。 |
5 |
1 |
9 |
Yes |
|
| 返回一個對包含此單選按鈕的表單的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回單選按鈕的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回單選按鈕的名稱。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回單選按鈕的 tab 鍵控制次序。 |
4 |
1 |
9 |
Yes |
|
| 返回單選按鈕的表單類型。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回單選按鈕的 value 屬性的值。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Radio 對象方法
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 從單選按鈕移開焦點。 |
No |
1 |
9 |
Yes |
|
| 在單選按鈕上模擬一次鼠標點擊。 |
No |
2 |
9 |
Yes |
|
| 為單選按鈕賦予焦點。 |
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 |
| 設置或返回訪問重置按鈕的快捷鍵。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回當瀏覽器不支持重置按鈕時供顯示的替代文本。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回重置按鈕是否應被禁用。 |
5 |
1 |
9 |
Yes |
|
| 返回一個對包含此重置按鈕的表單對象的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回重置按鈕的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回重置按鈕的名稱。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回重置按鈕的 tab 鍵控制次序。 |
4 |
1 |
9 |
Yes |
|
| 返回重置按鈕的表單元素類型。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回重置按鈕上顯示的文本。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Reset 對象方法
| 方法 |
描述 |
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 |
| 設置或返回訪問提交按鈕的快捷鍵。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回當瀏覽器不支持提交按鈕時供顯示的替代文本。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回提交按鈕是否應被禁用。 |
5 |
1 |
9 |
Yes |
|
| 返回一個對包含此提交按鈕的表單的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回提交按鈕的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回提交按鈕的名稱。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回提交按鈕的 tab 鍵控制次序。 |
4 |
1 |
9 |
Yes |
|
| 返回提交按鈕的表單元素類型。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回在提交按鈕上顯示的文本。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Submit 對象方法
| 方法 |
描述 |
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 |
| 設置或返回訪問文本域的快捷鍵。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回當瀏覽器不支持文本域時供顯示的替代文本。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本域的默認值。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回文本域是否應被禁用。 |
5 |
1 |
9 |
Yes |
|
| 返回一個對包含文本域的表單對象的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回文本域的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回文本域中的最大字符數。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回文本域的名稱。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回文本域是否應是只讀的。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回文本域的尺寸。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回文本域的 tab 鍵控制次序。 |
4 |
1 |
9 |
Yes |
|
| 返回文本域的表單元素類型。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回文本域的 value 屬性的值。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Text 對象方法
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 從文本域上移開焦點。 |
4 |
1 |
9 |
Yes |
|
| 在文本域上設置焦點。 |
4 |
1 |
9 |
Yes |
|
| 選取文本域中的內容。 |
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 |
| 設置或返回目標 URL 的字符編碼。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回目標 URL 是否當被禁用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回被鏈接資源的 URL。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回目標 URL 的基准語言。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回某個 <link> 元素的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回文檔顯示的設備類型。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回 <link> 元素的名稱。 |
4 |
No |
No |
Yes |
|
| 設置或返回當前文檔與目標 URL之間的關系。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回目標 URL 與當前文檔之間的關系。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回目標 URL 的 MIME 類型。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
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 |
| 設置或返回 <meta> 元素的 content 屬性的值。 |
5 |
1 |
9 |
Yes |
|
| 把 content 屬性連接到一個 HTTP 頭部。 |
5 |
1 |
9 |
Yes |
|
| 把 content 屬性連接到某個名稱。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回用於解釋 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 |
| 設置或返回元素的 class 屬性。 |
Yes |
|
| 設置或返回文本的方向。 |
Yes |
|
| 設置或返回元素的語言代碼。 |
Yes |
|
| 設置或返回元素的 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 |
| 返回 selected 屬性的默認值。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回選項是否應被禁用。 |
4 |
1 |
9 |
Yes |
|
| 返回對包含該元素的 <form> 元素的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回選項的 id。 |
4 |
1 |
9 |
Yes |
|
| 返回下拉列表中某個選項的索引位置。 |
4 |
1 |
9 |
Yes |
|
| label |
設置或返回選項的標記 (僅用於選項組)。 |
6 |
|
|
Yes |
| 設置或返回 selected 屬性的值。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回某個選項的純文本值。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回被送往服務器的值。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 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 |
| 返回包含下拉列表中的所有選項的一個數組。 |
4 |
1 |
9 |
Yes |
Select 對象屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回是否應禁用下拉列表。 |
5 |
1 |
9 |
Yes |
|
| 返回對包含下拉列表的表單的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回下拉列表的 id。 |
4 |
1 |
9 |
Yes |
|
| 返回下拉列表中的選項數目。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回是否選擇多個項目。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回下拉列表的名稱。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回下拉列表中被選項目的索引號。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回下拉列表中的可見行數。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回下拉列表的 tab 鍵控制次序。 |
5 |
1 |
9 |
Yes |
|
| 返回下拉列表的表單類型。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Select 對象方法
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 向下拉列表添加一個選項。 |
4 |
1 |
9 |
Yes |
|
| 從下拉列表移開焦點。 |
4 |
1 |
9 |
Yes |
|
| 在下拉列表上設置焦點。 |
4 |
1 |
9 |
Yes |
|
| 從下拉列表中刪除一個選項。 |
4 |
1 |
9 |
Yes |
Select 對象事件句柄
| 事件句柄 |
描述 |
IE |
F |
O |
W3C |
| 當改變選擇時調用的事件句柄。 |
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 |
| 在一行中設置所有的背景屬性 |
4 |
1 |
9 |
Yes |
|
| 設置背景圖像是否固定或隨頁面滾動 |
4 |
1 |
9 |
Yes |
|
| 設置元素的背景顏色 |
4 |
1 |
9 |
Yes |
|
| 設置元素的背景圖像 |
4 |
1 |
9 |
Yes |
|
| 設置背景圖像的起始位置 |
4 |
No |
No |
Yes |
|
| 設置backgroundPosition屬性的X坐標 |
4 |
No |
No |
No |
|
| 設置backgroundPosition屬性的Y坐標 |
4 |
No |
No |
No |
|
| 設置是否及如何重復背景圖像 |
4 |
1 |
9 |
Yes |
Border 和 Margin 屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 在一行設置四個邊框的所有屬性 |
4 |
1 |
9 |
Yes |
|
| 在一行設置底邊框的所有屬性 |
4 |
1 |
9 |
Yes |
|
| 設置底邊框的顏色 |
4 |
1 |
9 |
Yes |
|
| 設置底邊框的樣式 |
4 |
1 |
9 |
Yes |
|
| 設置底邊框的寬度 |
4 |
1 |
9 |
Yes |
|
| 設置所有四個邊框的顏色 (可設置四種顏色) |
4 |
1 |
9 |
Yes |
|
| 在一行設置左邊框的所有屬性 |
4 |
1 |
9 |
Yes |
|
| 設置左邊框的顏色 |
4 |
1 |
9 |
Yes |
|
| 設置左邊框的樣式 |
4 |
1 |
9 |
Yes |
|
| 設置左邊框的寬度 |
4 |
1 |
9 |
Yes |
|
| 在一行設置右邊框的所有屬性 |
4 |
1 |
9 |
Yes |
|
| 設置右邊框的顏色 |
4 |
1 |
9 |
Yes |
|
| 設置右邊框的樣式 |
4 |
1 |
9 |
Yes |
|
| 設置右邊框的寬度 |
4 |
1 |
9 |
Yes |
|
| 設置所有四個邊框的樣式 (可設置四種樣式) |
4 |
1 |
9 |
Yes |
|
| 在一行設置頂邊框的所有屬性 |
4 |
1 |
9 |
Yes |
|
| 設置頂邊框的顏色 |
4 |
1 |
9 |
Yes |
|
| 設置頂邊框的樣式 |
4 |
1 |
9 |
Yes |
|
| 設置頂邊框的寬度 |
4 |
1 |
9 |
Yes |
|
| 設置所有四條邊框的寬度 (可設置四種寬度) |
4 |
1 |
9 |
Yes |
|
| 設置元素的邊距 (可設置四個值) |
4 |
1 |
9 |
Yes |
|
| 設置元素的底邊距 |
4 |
1 |
9 |
Yes |
|
| 設置元素的左邊距 |
4 |
1 |
9 |
Yes |
|
| 設置元素的右邊據 |
4 |
1 |
9 |
Yes |
|
| 設置元素的頂邊距 |
4 |
1 |
9 |
Yes |
|
| 在一行設置所有的outline屬性 |
5M |
1 |
9 |
Yes |
|
| 設置圍繞元素的輪廓顏色 |
5M |
1 |
9 |
Yes |
|
| 設置圍繞元素的輪廓樣式 |
5M |
1 |
9 |
Yes |
|
| 設置圍繞元素的輪廓寬度 |
5M |
1 |
9 |
Yes |
|
| 設置元素的填充 (可設置四個值) |
4 |
1 |
9 |
Yes |
|
| 設置元素的下填充 |
4 |
1 |
9 |
Yes |
|
| 設置元素的左填充 |
4 |
1 |
9 |
Yes |
|
| 設置元素的右填充 |
4 |
1 |
9 |
Yes |
|
| 設置元素的頂填充 |
4 |
1 |
9 |
Yes |
Layout 屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置在元素的哪邊不允許其他的浮動元素 |
4 |
1 |
9 |
Yes |
|
| 設置元素的形狀 |
4 |
1 |
9 |
Yes |
|
| 設置元信息 |
5M |
1 |
|
Yes |
|
| counterIncrement |
設置其后是正數的計數器名稱的列表。其中整數指示每當元素出現時計數器的增量。默認是1。 |
5M |
1 |
|
Yes |
| counterReset |
設置其后是正數的計數器名稱的列表。其中整數指示每當元素出現時計數器被設置的值。默認是0。 |
5M |
1 |
|
Yes |
| 設置圖像或文本將出現(浮動)在另一元素中的何處。 |
5M |
1 |
9 |
Yes |
|
| 設置顯示的指針類型 |
4 |
1 |
9 |
Yes |
|
| 設置元素的文本方向 |
5 |
1 |
9 |
Yes |
|
| 設置元素如何被顯示 |
4 |
1 |
9 |
Yes |
|
| 設置元素的高度 |
4 |
1 |
9 |
Yes |
|
| markerOffset |
設置marker box的principal box距離其最近的邊框邊緣的距離 |
5M |
1 |
|
Yes |
| marks |
設置是否cross marks或crop marks應僅僅被呈現於page box邊緣之外 |
5M |
1 |
|
Yes |
| 設置元素的最大高度 |
5M |
1 |
9 |
Yes |
|
| 設置元素的最大寬度 |
5M |
1 |
9 |
Yes |
|
| 設置元素的最小高度 |
5M |
1 |
9 |
Yes |
|
| 設置元素的最小寬度 |
5M |
1 |
9 |
Yes |
|
| 規定如何處理不適合元素盒的內容 |
4 |
1 |
9 |
Yes |
|
| 設置對元素中的內容進行垂直排列 |
4 |
1 |
No |
Yes |
|
| 設置元素是否可見 |
4 |
1 |
9 |
Yes |
|
| 設置元素的寬度 |
4 |
1 |
9 |
Yes |
List 屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 在一行設置列表的所有屬性 |
4 |
1 |
9 |
Yes |
|
| 把圖像設置為列表項標記 |
4 |
1 |
No |
Yes |
|
| 改變列表項標記的位置 |
4 |
1 |
9 |
Yes |
|
| 設置列表項標記的類型 |
4 |
1 |
9 |
Yes |
Positioning 屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置元素的底邊緣距離父元素底邊緣的之上或之下的距離 |
5 |
1 |
9 |
Yes |
|
| 置元素的左邊緣距離父元素左邊緣的左邊或右邊的距離 |
4 |
1 |
9 |
Yes |
|
| 把元素放置在static, relative, absolute 或 fixed 的位置 |
4 |
1 |
9 |
Yes |
|
| 置元素的右邊緣距離父元素右邊緣的左邊或右邊的距離 |
5 |
1 |
9 |
Yes |
|
| 設置元素的頂邊緣距離父元素頂邊緣的之上或之下的距離 |
4 |
1 |
9 |
Yes |
|
| 設置元素的堆疊次序 |
4 |
1 |
9 |
Yes |
Printing 屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| orphans |
設置段落留到頁面底部的最小行數 |
5M |
1 |
9 |
Yes |
| page |
設置顯示某元素時使用的頁面類型 |
5M |
1 |
9 |
Yes |
| 設置某元素之后的分頁行為 |
4 |
1 |
9 |
Yes |
|
| 設置某元素之前的分頁行為 |
4 |
1 |
9 |
Yes |
|
| 設置某元素內部的分頁行為 |
5M |
1 |
9 |
Yes |
|
| size |
設置頁面的方向和尺寸 |
|
1 |
9 |
Yes |
| widows |
設置段落必須留到頁面頂部的最小行數 |
5M |
1 |
9 |
Yes |
Scrollbar 屬性 (IE-only)
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置箭頭和滾動條左側和頂邊的顏色 |
5W |
No |
No |
No |
|
| 設置滾動條上的箭頭顏色 |
5W |
No |
No |
No |
|
| 設置滾動條的底色 |
5W |
No |
No |
No |
|
| 設置箭頭和滾動條右側和底邊的顏色 |
5W |
No |
No |
No |
|
| 設置滾動條的表色 |
5W |
No |
No |
No |
|
| 設置箭頭和滾動條左側和頂邊的顏色,以及滾動條的背景 |
5W |
No |
No |
No |
|
| 設置箭頭和滾動條右側和底邊的顏色 |
5W |
No |
No |
No |
|
| 設置滾動條的背景色 |
5W |
No |
No |
No |
Table 屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置表格邊框是否合並為單邊框,或者像在標准的HTML中那樣分離。 |
5 |
1 |
9 |
Yes |
|
| 設置分隔單元格邊框的距離 |
5M |
1 |
9 |
Yes |
|
| 設置表格標題的位置 |
5M |
No |
No |
Yes |
|
| 設置是否顯示表格中的空單元格 |
5M |
1 |
9 |
Yes |
|
| 設置用來顯示表格單元格、行以及列的算法 |
5 |
No |
No |
Yes |
Text 屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置文本的顏色 |
4 |
1 |
9 |
Yes |
|
| 在一行設置所有的字體屬性 |
4 |
1 |
9 |
Yes |
|
| 設置元素的字體系列。 |
4 |
1 |
9 |
Yes |
|
| 設置元素的字體大小。 |
4 |
1 |
9 |
Yes |
|
| 設置/調整文本的尺寸 |
5M |
1 |
No |
Yes |
|
| 設置如何緊縮或伸展字體 |
5M |
No |
No |
Yes |
|
| 設置元素的字體樣式 |
4 |
1 |
9 |
Yes |
|
| 用小型大寫字母字體來顯示文本 |
4 |
1 |
9 |
Yes |
|
| 設置字體的粗細 |
4 |
1 |
9 |
Yes |
|
| 設置字符間距 |
4 |
1 |
9 |
Yes |
|
| 設置行間距 |
4 |
1 |
9 |
Yes |
|
| 設置在文本中使用哪種引號 |
5M |
1 |
|
Yes |
|
| 排列文本 |
4 |
1 |
9 |
Yes |
|
| 設置文本的修飾 |
4 |
1 |
9 |
Yes |
|
| 縮緊首行的文本 |
4 |
1 |
9 |
Yes |
|
| textShadow |
設置文本的陰影效果 |
5M |
1 |
|
Yes |
| 對文本設置大寫效果 |
4 |
1 |
9 |
Yes |
|
| unicodeBidi |
|
5 |
1 |
|
Yes |
| 設置如何設置文本中的折行和空白符 |
4 |
1 |
9 |
Yes |
|
| 設置文本中的詞間距 |
6 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回文本的方向 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的咨詢性的標題 |
5 |
1 |
9 |
Yes |
cssText 屬性
它是一組樣式屬性及其值的文本表示。這個文本格式化為一個 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 |
| 返回包含表格中所有單元格的一個數組。 |
5 |
1 |
1 |
No |
|
| 返回包含表格中所有行的一個數組。 |
4 |
1 |
9 |
Yes |
|
| tBodies[] |
返回包含表格中所有 tbody 的一個數組。 |
4 |
|
|
Yes |
Table 對象屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| align |
表在文檔中的水平對齊方式。(已廢棄) |
- |
- |
- |
- |
| bgColor |
表的背景顏色。(已廢棄) |
- |
- |
- |
- |
| 設置或返回表格邊框的寬度。 |
4 |
1 |
9 |
Yes |
|
| 對表格的 <caption> 元素的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回單元格內容和單元格邊框之間的空白量。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回在表格中的單元格之間的空白量。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回表格的外部邊框。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回表格的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回表格的內部邊框(行線)。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回對表格的描述(概述)。 |
6 |
1 |
9 |
Yes |
|
| tFoot |
返回表格的 TFoot 對象。如果不存在該元素,則為 null。 |
4 |
1 |
9 |
Yes |
| tHead |
返回表格的 THead 對象。如果不存在該元素,則為 null。 |
4 |
1 |
9 |
Yes |
| 設置或返回表格的寬度。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Table 對象方法
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 為表格創建一個 caption 元素。 |
4 |
1 |
9 |
Yes |
|
| 在表格中創建一個空的 tFoot 元素。 |
4 |
1 |
9 |
Yes |
|
| 在表格中創建一個空的 tHead 元素。 |
4 |
1 |
9 |
Yes |
|
| 從表格刪除 caption 元素以及其內容。 |
4 |
1 |
9 |
Yes |
|
| 從表格刪除一行。 |
4 |
1 |
9 |
Yes |
|
| 從表格刪除 tFoot 元素及其內容。 |
4 |
1 |
9 |
Yes |
|
| 從表格刪除 tHead 元素及其內容。 |
4 |
1 |
9 |
Yes |
|
| 在表格中插入一個新行。 |
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 |
| 設置或返回單元格中內容的縮寫版本。 |
6 |
1 |
9 |
Yes |
|
| 設置或返回單元格內部數據的水平排列方式。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回相關單元格的一個逗號分隔的列表。 |
6 |
1 |
9 |
Yes |
|
| 返回單元格在某行的單元格集合中的位置。 |
4 |
1 |
9 |
Yes |
|
| ch |
設置或返回單元格的對齊字符。 |
|
|
|
Yes |
| chOff |
設置或返回單元格的對齊字符的偏移量。 |
|
|
|
Yes |
| 單元格橫跨的列數。 |
4 |
1 |
9 |
Yes |
|
| headers |
設置或返回 header-cell 的 id 值。 |
|
|
|
Yes |
| 設置或返回單元格的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回單元格的開始標簽和結束標簽之間的 HTML。 |
4 |
1 |
9 |
No |
|
| 設置或返回單元格可橫跨的行數。 |
4 |
1 |
9 |
Yes |
|
| scope |
設置或返回此單元格是否可提供標簽信息。 |
|
|
|
Yes |
| 設置或返回表格單元格內數據的垂直排列方式。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回單元格的寬度。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 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 |
TableRow 對象屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回在行中數據的水平排列。 |
4 |
1 |
9 |
Yes |
|
| ch |
設置或返回在行中單元格的對齊字符。 |
|
|
|
Yes |
| chOff |
設置或返回在行中單元格的對齊字符的偏移量。 |
|
|
|
Yes |
| 設置或返回行的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回行的開始標簽和結束標簽之間的 HTML。 |
5 |
1 |
9 |
No |
|
| 返回該行在表中的位置。 |
4 |
1 |
9 |
Yes |
|
| sectionRowIndex |
返回在 tBody 、tHead 或 tFoot 中,行的位置。 |
|
|
|
Yes |
| 設置或返回在行中的數據的垂直排列方式。 |
4 |
1 |
9 |
Yes |
TableRow 對象方法
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 刪除行中的指定的單元格。 |
4 |
1 |
9 |
Yes |
|
| 在一行中的指定位置插入一個空的 <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 |
| 設置或返回訪問 textarea 的鍵盤快捷鍵。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回 textarea 的寬度。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回文本框中的初始內容。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回 textarea 是否應當被禁用。 |
5 |
1 |
9 |
Yes |
|
| 返回對包含該 textarea 的表單對象的引用。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回某個 textarea 的 id。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回 textarea 的名稱。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回 textarea 是否應當是只讀的。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回 textarea 的高度。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回 textarea 的 tab 鍵控制次序。 |
4 |
1 |
9 |
Yes |
|
| 返回該文本框的表單類型。 |
4 |
1 |
9 |
Yes |
|
| 設置或返回在 textarea 中的文本。 |
4 |
1 |
9 |
Yes |
標准屬性
| 屬性 |
描述 |
IE |
F |
O |
W3C |
| 設置或返回元素的 class 屬性。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回文本的方向。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的語言代碼。 |
5 |
1 |
9 |
Yes |
|
| 設置或返回元素的 title 屬性。 |
5 |
1 |
9 |
Yes |
Textarea 對象方法
| 方法 |
描述 |
IE |
F |
O |
W3C |
| 從 textarea 移開焦點。 |
4 |
1 |
9 |
Yes |
|
| 在 textarea 上設置焦點。 |
4 |
1 |
9 |
Yes |
|
| 選擇 textarea 中的文本。 |
4 |
1 |
9 |
Yes |
Textarea 對象事件句柄
| 事件句柄 |
描述 |
IE |
F |
O |
W3C |
| 當輸入值改變時調用的事件句柄 |
4 |
1 |
9 |
Yes |
