HTML DOM是W3C標準(是HTML文檔對象模型的英文縮寫,Document Object Model for HTML)。
HTML DOM定義了用于HTML的一些列標準的對象,以及訪問和處理HTML文檔的標準方法。
通過DOM,可以訪問所有的HTML元素,連同他們所包含的文本和屬性。可以對其中的內容進行修改和刪除,同時也可以創建新的元素。
在JavaScript中可以訪問并處理所有的HTML DOM對象(windows對象、location對象、document對象),動態地修改網頁。
這里還是以比較流行的報表軟件FineReport為例,先介紹windows對象。
Window對象
Window對象表示瀏覽器中打開的窗口。
如果文檔包含框架(frame或 iframe標簽),瀏覽器會為HTML文檔創建一個Window對象,并為每個框架創建一個額外的Window對象。
Window對象表示一個瀏覽器窗口或一個框架。在客戶端 JavaScript 中,Window對象是全局對象,所有的表達式都在當前的環境中計算。
可以通過window來引用Window對象,通常情況下可以直接使用winodw下的方法。如可以只寫document,而不必寫window.document。
同樣,可以把當前窗口對象的方法當作函數來使用,如只寫alert(),而不必寫window.alert()。
Window對象的常用屬性
屬性 說明
closed 返回窗口是否已被關閉
document 對Document對象只讀引用
innerheight 返回窗口文檔顯示區高度
innerwidth 返回窗口文檔顯示區寬度
location 用于窗口或框架的Location對象
name 設置或返回窗口名稱
parent 返回父窗口
Window對象的常用方法
方法 說明
alert() 顯示帶有一段消息和一個確認按鈕的警告框。
close() 關閉瀏覽器窗口。
confirm() 顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。
open() 打開一個新的瀏覽器窗口或查找一個已命名的窗口。
prompt() 顯示可提示用戶輸入的對話框。
示例
close()方法
關閉瀏覽器窗口,默認為關閉當前窗口,也可以通過self.close()關閉當前窗口。
alert()方法
顯示帶有一段消息和一個確認按鈕的警告框。效果如下:
function display_alert()
{
alert("I am an alert box!!")
}
</script>
confirm()方法
顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。點擊確定,返回true,點擊取消,返回false
promt()方法
prompt() 方法用于顯示可提示用戶進行輸入的對話框。語法為
如果用戶單擊提示框的取消按鈕,則返回 null。如果用戶單擊確認按鈕,則返回輸入字段當前顯示的文本
在用戶點擊確定按鈕或取消按鈕把對話框關閉之前,它將阻止用戶對瀏覽器的所有輸入。在調用 prompt() 時,將暫停對 JavaScript 代碼的執行,在用戶作出響應之前,不會執行下一條語句
function disp_prompt()
{
var name=prompt("Please enter your
name","")
if (name!=null && name!="")
{
document.write("Hello " + name +
"!")
}
}
</script>
open()方法
打開一個新的瀏覽器窗口或查找一個已命名的窗口。使用語法:
URL 一個可選的字符串,聲明了要在新窗口中顯示的文檔的 URL。如果省略了這個參數,或者它的值是空字符串,那么新窗口就不會顯示任何文檔。
name 一個可選的字符串,該字符串是一個由逗號分隔的特征列表,其中包括數字、字母和下劃線,該字符聲明了新窗口的名稱。這個名稱可以用作標記 'a' 和 'form' 的屬性 target 的值。如果該參數指定了一個已經存在的窗口,那么open() 方法就不再創建一個新窗口,而只是返回對指定窗口的引用。在這種情況下,features 將被忽略。
features 一個可選的字符串,聲明了新窗口要顯示的標準瀏覽器的特征。如果省略該參數,新窗口將具有所有標準特征
replace 一個可選的布爾值。規定了裝載到窗口的 URL 是在窗口的瀏覽歷史中創建一個新條目,還是替換瀏覽歷史中的當前條目。支持下面的值: true - URL 替換瀏覽歷史中的當前條目。 false - URL 在瀏覽歷史中創建新的條目。
print()方法
用于打印當前窗口的內容。
調用 print() 方法所引發的行為就像用戶單擊瀏覽器的打印按鈕。通常,這會產生一個對話框,讓用戶可以取消或定制打印請求。