鍍金池/ 教程/ HTML/ JavaScript W3C DOM
Javascript Math.log()方法
Javascript String.sub()方法
JavaScript表單驗(yàn)證
Javascript教程
Javascript String.fontsize()方法
Javascript Date.getUTCHours()方法
JavaScript運(yùn)算符
Javascript RegExp.ignoreCase屬性
Javascript Date.toLocaleDateString()方法
Javascript String.valueOf()方法
Javascript Date.setUTCMinutes()方法
JavaScript Switch Case
JavaScript Function() 構(gòu)造
Javascript Math.floor()方法
JavaScript頁面刷新
Javascript Math.abs()方法
Javascript Array.pop()方法
Javascript Boolean.valueOf()方法
Javascript Number.MIN_VALUE
Javascript Date.parse()方法
Javascript Math.LOG10E屬性
Javascript Math.random()方法
Javascript Date.getYear()方法
Javascript Array.some()方法
Javascript Array.filter()方法
Javascript Array.join()方法
JavaScript for循環(huán)
Javascript String.localeCompare()方法
JavaScript語法
Javascript Array.length屬性
Javascript String.strike()方法
Javascript String.constructor屬性
JavaScript Date對象
Javascript Date.setYear()方法
Javascript Math.E屬性
Javascript Math.LN10屬性
Javascript Math.sqrt()方法
Javascript Array.reverse()方法
Javascript String.length屬性
Javascript RegExp.lastIndex屬性
Javascript Arrays對象
Javascript Boolean.toSource()方法
Javascript Date.valueOf()方法
JavaScript while循環(huán)
Javascript Date.getDate()方法
Javascript Date.toUTCString()方法
Javascript Math.SQRT2屬性
Javascript Array.lastIndexOf()方法
Javascript String.slice()方法
Javascript Date.getTime()方法
Javascript Date.getSeconds()方法
Javascript RegExp.toString()方法
Javascript String.replace()方法
Javascript Array.splice()方法
Javascript多媒體
Javascript Math.atan2()方法
Javascript Date.toString()方法
Javascript Date.getUTCMinutes()方法
Javascript Date.getFullYear()方法
Javascript Date.setDate()方法
Javascript Array.slice()方法
Javascript Math.ceil()方法
Javascript Date.getHours()方法
JavaScript事件
Javascript Math.pow()方法
Javascript Math.exp()方法
Javascript Date.getMonth()方法
Javascript Date.setUTCDate()方法
Javascript Array.reduce()方法
Javascript Date setUTCMilliseconds()方法
JavaScript文檔對象模型或DOM
Javascript String.blink()方法
Javascript Number.POSITIVE_INFINITY
Javascript Math.asin()方法
JavaScript動畫
Javascript Number.MAX_VALUE
Javascript RegExp.global屬性
Javascript Date.getMinutes()方法
Javascript Date.UTC()方法
Javascript Date.getUTCMilliseconds()方法
Javascript Math.SQRT1_2屬性
Javascript Array.every()方法
Javascript String.anchor()方法
JavaScript if...else語句
Javascript Math.round()方法
Javascript Array.concat()方法
Javascript Boolean.toString()方法
Javascript Math.sin()方法
Javascript Math.max()方法
Javascript Date.setMilliseconds()方法
JavaScript對象
Javascript String.toLocaleLowerCase()方法
Javascript Math.min()方法
JavaScript傳統(tǒng)DOM
Javascript Array.unshift()方法
Javascript Date.toTimeString()方法
Javascript String.toString()方法
Javascript String.substring()方法
Javascript Array.constructor屬性
正則表達(dá)式和RegExp對象
Javascript Math.acos()方法
JavaScript Boolean.constructor()方法
Javascript RegExp.source屬性
Javascript Math.PI屬性
JavaScript W3C DOM
Javascript Date.setMinutes()方法
JavaScript Cookies
JavaScript循環(huán)控制
Javascript Array.push()方法
Javascript Date.getMilliseconds()方法
Javascript Date.getUTCSeconds()方法
Javascript String.charAt()方法
Javascript Date.getUTCFullYear()方法
JavaScript對話框
Javascript String.toUpperCase()方法
Javascript Math.atan()方法
Javascript Number.NEGATIVE_INFINITY
Javascript Date.getUTCDay()方法
Javascript String.search()方法
Javascript String.substr()方法
Javascript Array.toString()方法
Javascript String.sup()方法
Javascript String.charCodeAt()方法
Javascript Math.cos()方法
Javascript String.bold()方法
Javascript Math.tan()方法
Javascript RegExp.test()方法
Javascript Date.toDateString()方法
JavaScript錯誤和異常處理
JavaScript函數(shù)
Javascript String.link()方法
JavaScript嵌套函數(shù)
Javascript Boolean對象
Javascript Array.shift()方法
Javascript String.small()方法
Javascript Date.getUTCMonth()方法
Javascript String.lastIndexOf()方法
Javascript Math.toSource()方法
Javascript Array.reduceRight()方法
JavaScript變量和數(shù)據(jù)類型
Javascript Number.NaN
Javascript Array.toSource()方法
Javascript頁面打印
Javascript Date.setUTCFullYear()方法
Javascript Array.indexOf()方法
Javascript RegExp.exec()方法
Javascript Date.setUTCSeconds()方法
Javascript String.match()方法
Javascript Date.setSeconds()方法
Javascript Array.sort()方法
Javascript Math.LOG2E,屬性
Javascript Math對象
Javascript Math.LN2屬性
Javascript String對象
JavaScript頁面重定向
Javascript RegExp.toSource()方法
Javascript Date.getUTCDate()方法
Javascript String.concat()方法
Javascript Array.map()方法
Javascript Date.toSource()方法
Javascript String.toLowerCase()方法
在HTML文件放置JavaScript
JavaScript for...in 循環(huán)
Javascript Object.prototype
Javascript RegExp.constructor屬性
JavaScript void關(guān)鍵詞
Javascript Date.getTimezoneOffset()方法
Javascript RegExp.multiline屬性
Javascript Date()函數(shù)
Javascript Date.setUTCHours()方法
JavaScript Array.forEach()方法
在瀏覽器中啟用JavaScript
Javascript Date.setTime()方法
Javascript String.toLocaleUpperCase()方法
Javascript Date.setHours()方法
Javascript Date.constructor屬性
Javascript String.fixed()方法
Javascript Number對象
Javascript String.italics()方法
Javascript String.big()方法
Javascript String.fontcolor()方法
Javascript Date.getDay()方法
JavaScript IE4 DOM
Javascript Date.setMonth()方法
Javascript Date.setFullYear()方法
JavaScript函數(shù)字面值

JavaScript W3C DOM

本文檔對象模型允許訪問所有的文檔內(nèi)容和修改,由萬維網(wǎng)聯(lián)合會(W3C)規(guī)范。幾乎所有的現(xiàn)代瀏覽器都支持這種模式。

在W3C DOM規(guī)范的大部分傳統(tǒng)DOM的功能,而且還增加了新的重要的功能。除了支持forms[ ], images[ ]和文檔對象的其它數(shù)組屬性,它定義了方法,使腳本來訪問和操縱的任何文檔元素,而不只是專用元件狀的表單和圖像。

文檔屬性在W3C DOM:

此模型支持所有傳統(tǒng)DOM提供的屬性。此外,這里是文檔屬性,可以使用W3C DOM訪問列表:

屬性 介紹和示例
body 引用元素對象,表示該文件的<body>標(biāo)簽
示例: document.body
defaultView 其只讀屬性,并表示在其上顯示所述文檔的窗口
示例: document.defaultView
documentElement 只讀參考文件的<html>標(biāo)簽
示例: document.documentElement8/31/2008
implementation 其只讀屬性,代表了DOMImplementation的對象,表示創(chuàng)建該文件的實(shí)現(xiàn)
示例: document.implementation

文檔方法在W3C DOM:

此模型支持所有傳統(tǒng)DOM提供的方法。此外,這里是由W3C DOM支持的方法列表:

方法 介紹和示例
createAttribute( name) 返回具有指定名稱的新創(chuàng)建的Attr節(jié)點(diǎn)
示例: document.createAttribute( name)
createComment( text) 創(chuàng)建并返回包含指定文本的新注釋節(jié)點(diǎn)
示例: document.createComment( text)
createDocumentFragment( ) 創(chuàng)建并返回一個空的DocumentFragment節(jié)點(diǎn)
示例: document.createDocumentFragment( )
createElement( tagName) 創(chuàng)建并返回指定標(biāo)簽名稱的新元素節(jié)點(diǎn)
示例: document.createElement( tagName)
createTextNode( text) 創(chuàng)建并返回包含指定文本的新文本節(jié)點(diǎn)
示例: document.createTextNode( text)
getElementById( id) 返回此文件有其id屬性指定的值,或空,如果沒有這樣的元素存在于文檔中的元素
示例: document.getElementById( id)
getElementsByName( name) 返回的文檔中有自己的名字屬性的指定值的所有元素的節(jié)點(diǎn)的數(shù)組。如果沒有找到這樣的元素,則返回一個零長度數(shù)組
示例: document.getElementsByName( name)
getElementsByTagName( tagname) 返回具有指定標(biāo)簽名本文檔中的所有元素節(jié)點(diǎn)的數(shù)組。元素節(jié)點(diǎn)出現(xiàn)在他們出現(xiàn)在源文件相同的順序返回?cái)?shù)組中
示例: document.getElementsByTagName( tagname)
importNode( importedNode, deep) 創(chuàng)建并從其他文件是適于插入到本文檔返回節(jié)點(diǎn)的副本。如果參數(shù)deep是true,它遞歸拷貝節(jié)點(diǎn)的子節(jié)點(diǎn)。支持DOM2版
示例: document.importNode( importedNode, deep)

示例:

這是(訪問和設(shè)置)使用W3C DOM文檔元素很容易操縱??梢允褂萌魏晤愃?getElementById,getElementsByName,orgetElementsByTagName 方法。

下面是訪問使用W3C DOM方法文檔屬性的一個例子:

<html>
<head>
<title> Document Title </title>
<script type="text/javascript">
<!--
function myFunc()
{
   var ret = document.getElementsByTagName("title");
   alert("Document Title : " + ret[0].text );

   var ret = document.getElementById("heading");
   alert(ret.innerHTML );
}
//-->
</script>
</head>
<body>
<h1 id="heading">This is main title</h1>
<p>Click the following to see the result:</p>

<form id="form1" name="FirstForm">
<input type="button" value="Click Me" onclick="myFunc();" />
<input type="button" value="Cancel">
</form>

<form d="form2" name="SecondForm">
<input type="button" value="Don't ClickMe"/>
</form>

</body>
</html>

注意: 這個例子的形式和內(nèi)容等返回對象,我們將不得不使用未在本教程中討論這些對象的屬性來訪問它們的值。