HTML DOM是W3C標(biāo)準(zhǔn)(是HTML文檔對(duì)象模型的英文縮寫,Document Object Model for HTML)。
HTML DOM定義了用于HTML的一些列標(biāo)準(zhǔn)的對(duì)象,以及訪問和處理HTML文檔的標(biāo)準(zhǔn)方法。
通過DOM,可以訪問所有的HTML元素,連同他們所包含的文本和屬性??梢詫?duì)其中的內(nèi)容進(jìn)行修改和刪除,同時(shí)也可以創(chuàng)建新的元素。
在JavaScript中可以訪問并處理所有的HTML DOM對(duì)象(windows對(duì)象、location對(duì)象、document對(duì)象),動(dòng)態(tài)地修改網(wǎng)頁(yè)。
這里還是以比較流行的報(bào)表軟件FineReport為例,先介紹windows對(duì)象。
Window對(duì)象
Window對(duì)象表示瀏覽器中打開的窗口。
如果文檔包含框架(frame或 iframe標(biāo)簽),瀏覽器會(huì)為HTML文檔創(chuàng)建一個(gè)Window對(duì)象,并為每個(gè)框架創(chuàng)建一個(gè)額外的Window對(duì)象。
Window對(duì)象表示一個(gè)瀏覽器窗口或一個(gè)框架。在客戶端 JavaScript 中,Window對(duì)象是全局對(duì)象,所有的表達(dá)式都在當(dāng)前的環(huán)境中計(jì)算。
可以通過window來引用Window對(duì)象,通常情況下可以直接使用winodw下的方法。如可以只寫document,而不必寫window.document。
同樣,可以把當(dāng)前窗口對(duì)象的方法當(dāng)作函數(shù)來使用,如只寫alert(),而不必寫window.alert()。
Window對(duì)象的常用屬性
屬性 說明
closed 返回窗口是否已被關(guān)閉
document 對(duì)Document對(duì)象只讀引用
innerheight 返回窗口文檔顯示區(qū)高度
innerwidth 返回窗口文檔顯示區(qū)寬度
location 用于窗口或框架的Location對(duì)象
name 設(shè)置或返回窗口名稱
parent 返回父窗口
Window對(duì)象的常用方法
方法 說明
alert() 顯示帶有一段消息和一個(gè)確認(rèn)按鈕的警告框。
close() 關(guān)閉瀏覽器窗口。
confirm() 顯示帶有一段消息以及確認(rèn)按鈕和取消按鈕的對(duì)話框。
open() 打開一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口。
prompt() 顯示可提示用戶輸入的對(duì)話框。
示例
close()方法
關(guān)閉瀏覽器窗口,默認(rèn)為關(guān)閉當(dāng)前窗口,也可以通過self.close()關(guān)閉當(dāng)前窗口。
alert()方法
顯示帶有一段消息和一個(gè)確認(rèn)按鈕的警告框。效果如下:

<script type="text/javascript">
function display_alert()
{
alert("I am an alert box!!")
}
</script>
confirm()方法
顯示帶有一段消息以及確認(rèn)按鈕和取消按鈕的對(duì)話框。點(diǎn)擊確定,返回true,點(diǎn)擊取消,返回false

promt()方法
prompt() 方法用于顯示可提示用戶進(jìn)行輸入的對(duì)話框。語法為
prompt(text,defaultText)
如果用戶單擊提示框的取消按鈕,則返回 null。如果用戶單擊確認(rèn)按鈕,則返回輸入字段當(dāng)前顯示的文本
在用戶點(diǎn)擊確定按鈕或取消按鈕把對(duì)話框關(guān)閉之前,它將阻止用戶對(duì)瀏覽器的所有輸入。在調(diào)用 prompt() 時(shí),將暫停對(duì) JavaScript 代碼的執(zhí)行,在用戶作出響應(yīng)之前,不會(huì)執(zhí)行下一條語句
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("Please enter your
name","")
if (name!=null && name!="")
{
document.write("Hello " + name +
"!")
}
}
</script>
open()方法
打開一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口。使用語法:
window.open(URL,name,features,replace)
URL 一個(gè)可選的字符串,聲明了要在新窗口中顯示的文檔的 URL。如果省略了這個(gè)參數(shù),或者它的值是空字符串,那么新窗口就不會(huì)顯示任何文檔。
name 一個(gè)可選的字符串,該字符串是一個(gè)由逗號(hào)分隔的特征列表,其中包括數(shù)字、字母和下劃線,該字符聲明了新窗口的名稱。這個(gè)名稱可以用作標(biāo)記 'a' 和 'form' 的屬性 target 的值。如果該參數(shù)指定了一個(gè)已經(jīng)存在的窗口,那么open() 方法就不再創(chuàng)建一個(gè)新窗口,而只是返回對(duì)指定窗口的引用。在這種情況下,features 將被忽略。
features 一個(gè)可選的字符串,聲明了新窗口要顯示的標(biāo)準(zhǔn)瀏覽器的特征。如果省略該參數(shù),新窗口將具有所有標(biāo)準(zhǔn)特征
replace 一個(gè)可選的布爾值。規(guī)定了裝載到窗口的 URL 是在窗口的瀏覽歷史中創(chuàng)建一個(gè)新條目,還是替換瀏覽歷史中的當(dāng)前條目。支持下面的值: true - URL 替換瀏覽歷史中的當(dāng)前條目。 false - URL 在瀏覽歷史中創(chuàng)建新的條目。
print()方法
用于打印當(dāng)前窗口的內(nèi)容。
調(diào)用 print() 方法所引發(fā)的行為就像用戶單擊瀏覽器的打印按鈕。通常,這會(huì)產(chǎn)生一個(gè)對(duì)話框,讓用戶可以取消或定制打印請(qǐng)求。