十二、BOM
BOM(Browser Object Model)浏覽器對象模型,提供與浏覽器互動的方法和接口。BOM的核心對象是window,表示浏覽器的一個執行個體,window對象既是ECMAScript規定的Global對象,又是通過js通路浏覽器視窗的一個接口。
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIwczLcVmds92czlGZvwVP9EUTDZ0aRJkSwk0LcxGbpZ2LcBDM08CXlpXazRnbvZ2LcRlMMVDT2EWNvwFdu9mZvwlerR1T4NWbiZnTyIGasNDTwYVbiVHNHpleO1GTulzRilWO5xkNNh0YwIFSh9CX0hXZ09CXy8CXrJXYtJXZ0F2d-gDOxMDMxITMzgDM4EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
1、對象
(1)navigator:浏覽器資訊
(2)location:浏覽器定位和導航
操作url的各個部分。
assign(url):載入新的url,記錄浏覽曆史;replace(url):載入新的url,不記錄浏覽曆史;reload():重新整理目前頁。
(3)history:視窗浏覽器曆史
(4)screen:螢幕資訊
2、方法
(1)三種對話框
彈出後視窗是阻塞狀态,除非點選确定、取消或關閉按鈕,才繼續目前線程。
alert(‘警告’); 警告框
confirm(‘确定嗎’); 确定傳回true,取消或關閉傳回false
prompt(‘請輸入’); 确定傳回使用者在輸入框中輸入的字元串,否則傳回null,第二個參數可以指定文本框的預設值
(2)計時器
setTimeout()
setInterval()
(3)開新視窗,關閉視窗
open():參數分别為新視窗url位址、命名、新開視窗的屬性的鍵值對組合。
close():父視窗下操作w.close(); 目前子視窗操作window.close();。
var w=window.open("subwin.html","subwin","width=400,height=350,status=yes,resizable=yes");
w.close();
3、事件
屬性名 | 描述 |
load | 文檔和所有圖檔加載完畢,確定資源加載完畢,再操作 |
unload | 離開目前文檔,重新整理浏覽器或關閉目前浏覽器視窗 |
beforeunload | 和unload類似,但它提供詢問使用者是否确定離開的機會 |
resize | 拖動改變浏覽器視窗大小時 |
scroll | 滾動條或滑鼠滾輪滾動浏覽器時 |