javascript文檔對(duì)象模型是樹型。文檔對(duì)象模型(DOM)是W3C組織推薦的處理可擴(kuò)展標(biāo)記語(yǔ)言的標(biāo)準(zhǔn)編程接口,是一種基于樹的API文檔。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
在javascript中,文檔對(duì)象模型是樹型。
文檔對(duì)象模型(Document Object Model,簡(jiǎn)稱DOM),是W3C組織推薦的處理可擴(kuò)展標(biāo)記語(yǔ)言的標(biāo)準(zhǔn)編程接口 DOM是一種基于樹的API文檔。
-
文檔:真實(shí)存在的文件 例如:網(wǎng)頁(yè)文件(HTML文本)
-
對(duì)象:獨(dú)立的數(shù)據(jù)集合 例如:文檔對(duì)象 文檔中元素與內(nèi)容的數(shù)據(jù)集合
-
模型:文檔對(duì)象表示為樹形模型 在這個(gè)樹形模型中,網(wǎng)頁(yè)的元素與內(nèi)容表現(xiàn)為一個(gè)個(gè)節(jié)點(diǎn)
Window對(duì)象的屬性:
-
parent :
父窗口對(duì)象,與包含某個(gè)窗口的父窗口含義相同 self : 本窗口,與引用當(dāng)前窗口含義相同 top : 指一系列嵌套窗口中的最上層瀏覽器窗口 frames : window對(duì)象中包含的所有frame對(duì)象的數(shù)組 document : 表示窗口中顯示的當(dāng)前文檔對(duì)象 history : 窗口的history對(duì)象,包含窗口中最近訪問(wèn)的URL清單 location : 表示與window對(duì)象相關(guān)聯(lián)的URL地址 event : 窗口事件對(duì)象(Only for IE) name : 窗口名稱 opener : 表示打開窗口的window對(duì)象 defaultStatus : 窗口狀態(tài)欄默認(rèn)值 status : 窗口狀態(tài)欄顯示信息 navigator : 用于獲取瀏覽器信息 appName "Netscape" for Mozilla "Microsoft Internet Explorer" for IE
-
Window對(duì)象方法
alert() :警告對(duì)話框
confirm() : 確認(rèn)對(duì)話框
prompt() : 信息輸入對(duì)話框
close() : 關(guān)閉窗口
blur() : 窗口失去焦點(diǎn)
focus() : 窗口獲得焦點(diǎn)
open() : 打開新的窗口,并創(chuàng)建新的window對(duì)象
showModalDialog() : 打開一個(gè)模態(tài)對(duì)話框
showModelessDialog() : 打開一個(gè)非模態(tài)對(duì)話框
對(duì)話框通過(guò)window.dialogArguments來(lái)取得傳遞進(jìn)來(lái)的參數(shù)
對(duì)話框通過(guò)window.returnValue向打開模態(tài)對(duì)話框的窗口返回信息,可以返回對(duì)象 防止打開新窗口(如提交表單): <base target="_self">
-
document對(duì)象的屬性
title : 設(shè)置文檔標(biāo)題,等價(jià)于HTML的<title>標(biāo)記
bgColor : 設(shè)置頁(yè)面背景色,對(duì)應(yīng)于<body>中的bgcolor屬性
fgColor : 設(shè)置頁(yè)面前景色,對(duì)應(yīng)于<body>標(biāo)記中的text屬性
alinkColor : 設(shè)置激活鏈接(焦點(diǎn)在此鏈接上)的顏色
linkColor : 設(shè)置未點(diǎn)擊過(guò)的鏈接顏色
vlinkColor : 設(shè)置已點(diǎn)擊過(guò)的鏈接顏色
URL : 文檔的URL forms : 表單對(duì)象數(shù)組,對(duì)應(yīng)<form>標(biāo)記
links : 鏈接對(duì)象數(shù)組,對(duì)應(yīng)有href屬性的<a href="">標(biāo)記
anchors : 錨對(duì)象數(shù)組,對(duì)應(yīng)有name屬性的<a name="">標(biāo)記
images : 圖片對(duì)象數(shù)組,對(duì)應(yīng)<img>標(biāo)記
-
document對(duì)象的方法
close() : 用于關(guān)閉當(dāng)前窗口以外的窗口
write() : 動(dòng)態(tài)向頁(yè)面寫入內(nèi)容
getElementById() : 獲得指定ID值的對(duì)象
getElementsByName() :獲得指定Name值的對(duì)象,返回?cái)?shù)組
getElementsByTagName("tr") : 獲得指定TagName的對(duì)象,返回?cái)?shù)組
createElement() : 創(chuàng)建指定的HTML標(biāo)記對(duì)象 var obj =createElement("input");
history對(duì)象
屬性
-
current:窗口中當(dāng)前所顯示文檔的URL
方法
-
back():裝入歷史表中的前一個(gè)頁(yè)面,等效于單擊瀏覽器的返回按鈕
-
forward():裝入歷史表中的下一個(gè)頁(yè)面,等效于單擊瀏覽器上的前進(jìn)按鈕
-
go(string):裝入歷史表中URL字符串包含這個(gè)子串的最近一個(gè)文檔
-
go(n): n>0時(shí),裝入歷史表中的往前數(shù)第n個(gè)文檔;n=0時(shí),裝入當(dāng)前文檔;n<0時(shí),裝入歷史表中往后數(shù)第n個(gè)文檔
location 對(duì)象
屬性
-
hash
-
host
-
hostname
-
href
方法
-
assign(url):將URL直接賦值給location時(shí),JavaScript調(diào)用此方法
-
reload():重新加載窗口
-
replace():替換窗口
【推薦學(xué)習(xí):javascript高級(jí)教程】