JavaScript window.document的屬性、方法和事件小結

javascript中window.document的屬性、方法和事件的總結，有需要的朋友可參考一下本文章。

屬性:

Attributes 儲存節點的屬性列表(唯讀)
childNodes 儲存節點的子節點列表(唯讀)
dataType 返回此節點的資料類型
Definition 以DTD或XML模式給出的節點的定義(唯讀)
Doctype 指定文件類型節點(唯讀)
documentElement 返迴文檔的根項目(可讀寫)
firstChild 返回當前節點的第一個子節點(唯讀)
Implementation 返回XMLDOMImplementation對象
lastChild 返回當前節點最後一個子節點(唯讀)
nextSibling 返回當前節點的下一個兄弟節點(唯讀)
nodeName 返回節點的名字(唯讀)
nodeType 返回節點的類型(唯讀)
nodeTypedValue 儲存節點值(可讀寫)
nodeValue 返回節點的文本(可讀寫)
ownerDocument 返回包含此節點的根文檔(唯讀)
parentNode 返回父節點(唯讀)
Parsed 返回此節點及其子節點是否已經被解析(唯讀)
Prefix 返回名稱空間首碼(唯讀)
preserveWhiteSpace 指定是否保留空白(可讀寫)
previousSibling 返回此節點的前一個兄弟節點(唯讀)
Text 返回此節點及其後代的常值內容(可讀寫)
url 返回最近載入的XML文檔的URL(唯讀)
Xml 返回節點及其後代的XML表示(唯讀)

方法:

appendChild 為當前節點添加一個新的子節點,放在最後的子節點後
cloneNode 返回當前節點的拷貝
createAttribute 建立新的屬性
createCDATASection 建立包括給定資料的CDATA段
createComment 建立一個注釋節點
createDocumentFragment 建立DocumentFragment對象
createElement 建立一個元素節點
createEntityReference 建立EntityReference對象
createNode 建立給定類型,名字和命名空間的節點
createPorcessingInstruction 建立操作指令節點
createTextNode 建立包括給定資料的文本節點
getElementsByTagName 返回指定名字的元素集合
hasChildNodes 返回當前節點是否有子節點
insertBefore 在指定節點前插入子節點
Load 匯入指定位置的XML文檔
loadXML 匯入指定字串的XML文檔
removeChild 從子結點列表中刪除指定的子節點
replaceChild 從子節點列表中替換指定的子節點
Save 把XML檔案存到指定節點
selectNodes 對節點進行指定的匹配,並返回匹配節點列表
selectSingleNode 對節點進行指定的匹配,並返回第一個匹配節點
transformNode 使用指定的樣式表對節點及其後代進行轉換
transformNodeToObject 使用指定的樣式表將節點及其後代轉換為對象

body-主體子物件

document.body //指定文檔主體的開始和結束等價於body>/body>
document.body.bgColor //設定或擷取對象後面的背景顏色
document.body.link //未點擊過的連結顏色
document.body.alink //啟用連結(焦點在此連結上)的顏色
document.body.vlink //已點擊過的連結顏色
document.body.text //文本色
document.body.innerText //設定body>…/body>之間的文本
document.body.innerHTML //設定body>…/body>之間的HTML代碼
document.body.topMargin //頁面上邊距
document.body.leftMargin //頁面左邊距
document.body.rightMargin //頁面右邊距
document.body.bottomMargin //頁面下邊距
document.body.background //背景圖片

document.body.appendChild(oTag) //動態產生一個HTML對象

常用對象事件

document.body.onclick=”func()” //滑鼠指標單擊對象是觸發
document.body.onmouseover=”func()” //滑鼠指標移到對象時觸發
document.body.onmouseout=”func()” //滑鼠指標移出對象時觸發
———————————————————————
location-位置子物件

document.location.hash // #號後的部分
document.location.host // 網域名稱+連接埠號碼
document.location.hostname // 網域名稱
document.location.href // 完整URL
document.location.pathname // 目錄部分
document.location.port // 連接埠號碼
document.location.protocol // 網路通訊協定(http:)
document.location.search // ?號後的部分

documeny.location.reload() //重新整理網頁
document.location.reload(URL) //開啟新的網頁
document.location.assign(URL) //開啟新的網頁
document.location.replace(URL) //開啟新的網頁
———————————————————————
selection-選區子物件
document.selection
———————————————————————

images集合(頁面中的圖象)

a)通過集合引用
document.images //對應頁面上的img標籤
document.images.length //對應頁面上img標籤的個數
document.images[0] //第1個img標籤
document.images[i] //第i-1個img標籤

b)通過nane屬性直接引用
img name=”oImage”
document.images.oImage //document.images.name屬性

c)引用圖片的src屬性
document.images.oImage.src //document.images.name屬性.src

d)建立一個圖象
var oImage
oImage = new Image()
document.images.oImage.src=”1.jpg”
同時在頁面上建立一個img /標籤與之對應就可以顯示

———————————————————————-

forms集合(頁面中的表單)

a)通過集合引用
document.forms //對應頁面上的form標籤
document.forms.length //對應頁面上/formform標籤的個數
document.forms[0] //第1個/formform標籤
document.forms[i] //第i-1個/formform標籤
document.forms[i].length //第i-1個/formform中的控制項數
document.forms[i].elements[j] //第i-1個/formform中第j-1個控制項

b)通過標籤name屬性直接引用
/formform name=”Myform”>input name=”myctrl”/>/form
document.Myform.myctrl //document.表單名.控制項名

c)訪問表單的屬性
document.forms[i].name //對應form name>屬性
document.forms[i].action //對應/formform action>屬性
document.forms[i].encoding //對應/formform enctype>屬性
document.forms[i].target //對應/formform target>屬性

document.forms[i].appendChild(oTag) //動態插入一個控制項
document.all.oDiv //引用圖層oDiv
document.all.oDiv.style.display=” //圖層設定為可視
document.all.oDiv.style.display=”none” //圖層設定為隱藏
document.getElementId(”oDiv”) //通過getElementId引用對象
document.getElementId(”oDiv”).style=”
document.getElementId(”oDiv”).display=”none”
/*document.all表示document中所有對象的集合
只有ie支援此屬性，因此也用來判斷瀏覽器的種類*/

圖層對象的4個屬性
document.getElementById(”ID”).innerText //動態輸出文本
document.getElementById(”ID”).innerHTML //動態輸出HTML
document.getElementById(”ID”).outerText //同innerText
document.getElementById(”ID”).outerHTML //同innerHTML

document屬性作為window對象的一個子物件被建立，是用於訪問頁面中所有元素的對象。其主要具有以下一些應用特性：

屬性/方法/事件	描述
onClick	當文檔被點擊時觸發
onDblClick	當文檔被雙擊時觸發
onKeyDown	當按下任意鍵時觸發。優先於onKeyPress事件觸發程序
onKeyPress	參見onKeyDown
onKeyUp	當釋放按下的鍵時觸發
onMouseDown	當按下滑鼠鍵時觸發
onMouseUp	當釋放滑鼠鍵時觸發
captureEvents()	捕獲所有與文檔相關的事件
close()	關閉文檔流
getSelection()	返回當前選中的文本
handleEvent()	呼叫事件處理器給指定的事件
open()	開啟文檔流
releaseEvents()	釋放所捕獲的事件
routeEvent()	通過正常的處理常式來傳遞所捕獲的事件
write()	向文檔中寫入內容
writeln()	在文檔中寫入帶有分行符號的字串
alinkColor	指定相關標籤的alink屬性
anchors	包含了文檔中所有anchor標籤的數組
bgColor	指定相關標籤的背景顏色。
cookie	指定cookie
domain	指定服務於文檔的域
embeds	包含了文檔中所有embed標籤的數組
fgColor	指定相關標籤的text屬性
formName	文檔中每個form的實際名稱
forms	包含了文檔中所有form標籤的數組
images	包含了文檔中所有image標籤的數組
lastModified	指定文檔最後更改的日期
layers	包含了文檔中layer的所有標籤的數組
linkColor	指定相關標籤的link屬性
links	包含了文檔中所有links的數組
plugins	包含了文檔中所有plug-in的數組
referrer	指定referral URL.
title	標題文字
URL	指定文檔的URL
vlinkColor	指定相關標籤的vlink屬性