鍍金池/ 教程/ HTML/ JavaScript傳統(tǒng)DOM
Javascript Math.log()方法
Javascript String.sub()方法
JavaScript表單驗證
Javascript教程
Javascript String.fontsize()方法
Javascript Date.getUTCHours()方法
JavaScript運算符
Javascript RegExp.ignoreCase屬性
Javascript Date.toLocaleDateString()方法
Javascript String.valueOf()方法
Javascript Date.setUTCMinutes()方法
JavaScript Switch Case
JavaScript Function() 構造
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屬性
正則表達式和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關鍵詞
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傳統(tǒng)DOM

這是將其在JavaScript語言早期版本中引入的模型。大家都被所有瀏覽器都支持,但只允許訪問文件的某些關鍵部分,如表單,表單元素和圖像。

該模型提供了若干個只讀屬性,如標題,URL和上次更改提供關于文檔整體的信息。除了有由該模型可用于設置和獲取文檔的屬性值提供各種方法。

文檔屬性在傳統(tǒng)DOM:

下面是文檔屬性,可以使用傳統(tǒng)DOM訪問列表:

屬性 介紹和示例
alinkColor 棄用 - 一個字符串,指定激活鏈接的顏色。
例如:document.alinkColor
anchors[ ] 錨對象的每個錨的數(shù)組,出現(xiàn)在文檔中
示例: document.anchors[0], document.anchors[1] 等等
applets[ ] Applet對象為每個小程序的數(shù)組,一個出現(xiàn)在文檔中
例如: document.applets[0], document.applets[1] 等等
bgColor Deprecated - 一個字符串,指定文檔的背景顏色
例如: document.bgColor
cookie 有特殊行為的一個字符串值屬性,允許與此文檔相關的cookie來進行查詢和設置
例如: document.cookie
domain 一個字符串,是從指定互聯(lián)網(wǎng)領域的文件。用于安全目的
例如: document.domain
embeds[ ] 代表嵌入使用<embed>標簽的文檔中的數(shù)據(jù)對象的數(shù)組。同義詞的plugins[]。一些插件和ActiveX控件可以用JavaScript代碼來控制。
例如: document.embeds[0], document.embeds[1] 等等
fgColor 棄用 - 一個字符串,指定文檔的默認文本顏色
例如: document.fgColor
forms[ ] 一種形式的數(shù)組對象,一個用于顯示的文檔中的每個HTML表單。 
例如: document.forms[0], document.forms[1] 等等
images[ ] Image對象的數(shù)組,一個嵌入HTML <img>標簽的文檔中的每個圖像。
例如: document.images[0], document.images[1] 等等
lastModified 一個只讀字符串,指定最近的更改日期的文件
例如: document.lastModified
linkColor 棄用 - 一個字符串,指定的未訪問鏈接的顏色
例如: document.linkColor
links[ ] links[ ] 
例如: document.links[0], document.links[1] 等等
location 該文件的URL。不贊成使用的URL屬性
例如: document.location
plugins[ ] embeds[ ] 的代名詞 
例如: document.plugins[0], document.plugins[1] and so on
referrer 包含該文檔的URL,如果有的話,從該當前文檔被掛只讀字符串
例如: document.referrer
title 在<title>標簽的文本內(nèi)容
例如: document.title
URL 一個只讀字符串,指定文檔的URL
例如: document.URL
vlinkColor 棄用 - 一個字符串,指定訪問過的鏈接的顏色
例如:document.vlinkColor

文檔方法在傳統(tǒng)DOM:

這里是由傳統(tǒng)DOM支持的方法列表:

屬性 介紹和示例
clear( ) 棄用- 刪除的文件,不返回任何內(nèi)容
示例: document.clear( )
close( ) 關閉打開open()方法返回任何文檔流
示例: document.close( )
open( ) 刪除現(xiàn)有文檔的內(nèi)容,并打開一個流到新文檔的內(nèi)容可能會被寫入。不返回任何內(nèi)容。
示例: document.open( )
write( value, ...) 將指定的字符串或字符串插入到文檔中正在解析或附加文件開放open()。不返回任何內(nèi)容。
示例: document.write( value, ...)
writeln( value, ...) 完全相同于write( ),但它附加一個換行符輸出。不返回任何內(nèi)容
示例: document.writeln( value, ...)

例子:

我們可以找到任何HTML元素,使用HTML DOM任何HTML文檔。例如,如果一個網(wǎng)頁文件包含一個表單元素,然后使用JavaScript,我們可以把它稱為document.forms[0]。如果Web文檔包括兩個形式元素的第一種形式被稱為document.forms[0]和第二為document.forms[1]。

利用上面給出的層次結構和性質(zhì),可以使用document.forms[0].elements[0]等。

下面是一個例子訪問使用傳統(tǒng)DOM方法文檔屬性:

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

   var ret = document.URL;
   alert("Document URL : " + ret );

   var ret = document.forms[0];
   alert("Document First Form : " + ret );

   var ret = document.forms[0].elements[1];
   alert("Second element : " + ret );

}
//-->
</script>
</head>
<body>
<h1 id="title">This is main title</h1>
<p>Click the following to see the result:</p>

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

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

</body>
</html>

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