HTML DOM是W3C標準(是HTML文檔對象模型的英文縮寫,Document Object Model for HTML)。javascript
HTML DOM定義了用於HTML的一些列標準的對象,以及訪問和處理HTML文檔的標準方法。java
經過DOM,能夠訪問全部的HTML元素,連同他們所包含的文本和屬性。能夠對其中的內容進行修改和刪除,同時也能夠建立新的元素。windows
在JavaScript中能夠訪問並處理全部的HTML DOM對象(windows對象、location對象、document對象),動態地修改網頁。瀏覽器
這裏仍是以比較流行的報表軟件FineReport爲例,先介紹windows對象。框架
Window對象函數
Window對象表示瀏覽器中打開的窗口。spa
若是文檔包含框架(frame或 iframe標籤),瀏覽器會爲HTML文檔建立一個Window對象,併爲每一個框架建立一個額外的Window對象。code
Window對象表示一個瀏覽器窗口或一個框架。在客戶端 JavaScript 中,Window對象是全局對象,全部的表達式都在當前的環境中計算。orm
能夠經過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()方法
顯示帶有一段消息和一個確認按鈕的警告框。效果以下:
<script type="text/javascript"> function display_alert() { alert("I am an alert box!!") } </script>
confirm()方法
顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。點擊肯定,返回true,點擊取消,返回false
promt()方法
prompt() 方法用於顯示可提示用戶進行輸入的對話框。語法爲
prompt(text,defaultText)
若是用戶單擊提示框的取消按鈕,則返回 null。若是用戶單擊確認按鈕,則返回輸入字段當前顯示的文本
在用戶點擊肯定按鈕或取消按鈕把對話框關閉以前,它將阻止用戶對瀏覽器的全部輸入。在調用 prompt() 時,將暫停對 JavaScript 代碼的執行,在用戶做出響應以前,不會執行下一條語句
<script type="text/javascript"> function disp_prompt() { var name=prompt("Please enter your name","") if (name!=null && name!="") { document.write("Hello " + name + "!") } } </script>
open()方法
打開一個新的瀏覽器窗口或查找一個已命名的窗口。使用語法:
window.open(URL,name,features,replace)
URL 一個可選的字符串,聲明瞭要在新窗口中顯示的文檔的 URL。若是省略了這個參數,或者它的值是空字符串,那麼新窗口就不會顯示任何文檔。
name 一個可選的字符串,該字符串是一個由逗號分隔的特徵列表,其中包括數字、字母和下劃線,該字符聲明瞭新窗口的名稱。這個名稱能夠用做標記 'a' 和 'form' 的屬性 target 的值。若是該參數指定了一個已經存在的窗口,那麼open() 方法就再也不建立一個新窗口,而只是返回對指定窗口的引用。在這種狀況下,features 將被忽略。
features 一個可選的字符串,聲明瞭新窗口要顯示的標準瀏覽器的特徵。若是省略該參數,新窗口將具備全部標準特徵
replace 一個可選的布爾值。規定了裝載到窗口的 URL 是在窗口的瀏覽歷史中建立一個新條目,仍是替換瀏覽歷史中的當前條目。支持下面的值: true - URL 替換瀏覽歷史中的當前條目。 false - URL 在瀏覽歷史中建立新的條目。
print()方法
用於打印當前窗口的內容。
調用 print() 方法所引起的行爲就像用戶單擊瀏覽器的打印按鈕。一般,這會產生一個對話框,讓用戶能夠取消或定製打印請求。