BOM:
1. 概念:Browser Object Model 瀏覽器對象模型
* 將瀏覽器的各個組成部分封裝成對象。
2. 組成:
* Window:窗口對象
* Navigator:瀏覽器對象
* Screen:顯示器屏幕對象
* History:歷史記錄對象
* Location:地址欄對象
3. Window:窗口對象
1. 創建
2. 方法
1. 與彈出框有關的方法:
alert() 顯示帶有一段消息和一個確認按鈕的警告框。
confirm() 顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。
* 如果用戶點擊確定按鈕,則方法返回true
* 如果用戶點擊取消按鈕,則方法返回false
prompt() 顯示可提示用戶輸入的對話框。
* 返回值:獲取用戶輸入的值
2. 與打開關閉有關的方法:
close() 關閉瀏覽器窗口。
* 誰調用我 ,我關誰
open() 打開一個新的瀏覽器窗口
* 返回新的Window對象
3. 與定時器有關的方式
setTimeout() 在指定的毫秒數後調用函數或計算表達式。
* 參數:
1. js代碼或者方法對象
2. 毫秒值
* 返回值:唯一標識,用於取消定時器
clearTimeout() 取消由 setTimeout() 方法設置的 timeout。
setInterval() 按照指定的週期(以毫秒計)來調用函數或計算表達式。
clearInterval() 取消由 setInterval() 設置的 timeout。
3. 屬性:
1. 獲取其他BOM對象:
history
location
Navigator
Screen:
2. 獲取DOM對象
document
4. 特點
* Window對象不需要創建可以直接使用 window使用。 window.方法名();
* window引用可以省略。 方法名();
4. Location:地址欄對象
1. 創建(獲取):
1. window.location
2. location
2. 方法:
* reload() 重新加載當前文檔。刷新
3. 屬性
* href 設置或返回完整的 URL。
5. History:歷史記錄對象
1. 創建(獲取):
1. window.history
2. history
2. 方法:
* back() 加載 history 列表中的前一個 URL。
* forward() 加載 history 列表中的下一個 URL。
* go(參數) 加載 history 列表中的某個具體頁面。
* 參數:
* 正數:前進幾個歷史記錄
* 負數:後退幾個歷史記錄
3. 屬性:
* length 返回當前窗口歷史列表中的 URL 數量。