1. 程式人生 > >BOM:Browser Object Model(瀏覽器對象模型)

BOM:Browser Object Model(瀏覽器對象模型)

t對象 文檔 工具條 obj 任務欄 不包含 方法 navig 任務

1、window對象
2、navigator對象
3、 screen對象
4、history對象
5、 location對象
6、 document對象

window對象
1、屬性
* pageXOffset:頁面相對於視口的位置,x軸
* pageYOffset:頁面相對於視口的位置,y軸
* screenX:瀏覽器相對於屏幕的坐標,x軸
* screenY:瀏覽器相對於屏幕的坐標,y軸
* innerWidth:文檔顯示區的寬
* innerHeight:文檔顯示區的高
* outerWidth:文檔顯示區的寬,包含工具條、滾動條
* outerHeight:文檔顯示區的高,包含工具條、滾動條


2、方法
* open():打開一個新窗口,頁面跳轉

* 參數:open(URL,name,specs);
* 跳轉的地址,打開位置,設置新窗口的樣式
* moveBy(x,y):相對於當前窗口移動
* moveTo(x,y):相對於窗口左上角移動
* (重點) setInterval():按照指定周期調用函數(時間函數)

setInterval(function(){},時間(單位為毫秒));
//函數聲明

* (重點) clearInterval():取消由 setInterval() 設置的 timeout,暫停時間函數

clearInterval();

* (重點) setTimeout():在指定的毫秒數後調用函數或計算表達式。只會調用一次
* (重點) clearTimeout():取消由 setTimeout() 方法設置的 timeout。暫停時間函數
* alert:顯示帶有一段消息和一個確認按鈕的警告框,顯示只有確認按鈕。
* confirm() : 顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。
* prompt(): 顯示可提示用戶輸入的對話框。


navigator對象
屬性
* appName:返回瀏覽器的名稱


screen對象
屬性
* availWidth:返回屏幕的寬度。(不包含windows任務欄)
* availHeight:返回屏幕的高度。(不包含windows任務欄)
* Width:返回屏幕的總寬度。(包含windows任務欄)
* Height:返回屏幕的總高度。(包含windows任務欄)


history對象
方法
* back():加載 history 列表中的前一個 URL,回退一個頁面
* forword():加載 history 列表中的下一個 URL,前進一個頁面
* go():加載 history 列表中的某個具體頁面


location對象
* (重點) href:頁面跳轉,指定路徑跳轉

BOM:Browser Object Model(瀏覽器對象模型)