BOM（瀏覽器對象模型）

作用

• 彈出新瀏覽器窗口的能力；
• 移動、關閉和更改瀏覽器窗口大小的能力；
• 可提供WEB瀏覽器詳細信息的導航對象；
• 可提供瀏覽器載入頁面詳細信息的本地對象；
• 可提供用戶屏幕分辨率詳細信息的屏幕對象；
• 支持Cookies；

window

定義

• window是js在瀏覽器環境中 全局變量
• 函數就是window的方法
• 全局變量就是window的屬性

屬性

• document
• location
• history
• screen
• navigator
• innerWidth 文檔區域寬度
• innerHeight 文檔區域高度
• outerWidth 瀏覽器窗口寬度
• outerHeight 瀏覽器窗口高度
• name 窗口的名字
• parent 父窗口
• top 頂層窗口
• length 子窗口的數量
• frames 子窗口的集合

方法

• alert() 警告框 顯示帶有一段消息和一個確認按鈕的警告框。
• confirm() 確認框 顯示帶有一段消息以及確認按鈕和取消按鈕的對話框。
• prompt() 可輸入彈框
• setInterval()
• clearInterval()
• setTimeout()
• clearTimeout()
• open() 打開新窗口
• close() 關閉窗口
• print() 打印
• scrollBy() 按照指定的像素值來滾動內容。
• scrollTo() 把內容滾動到指定的坐標。
• moveBy() 可相對窗口的當前坐標把它移動指定的像素。
• moveTo() 把窗口的左上角移動到一個指定的坐標。
• resizeBy() 按照指定的像素調整窗口的大小。
• resizeTo() 把窗口的大小調整到指定的寬度和高度。

location （地址位置）

屬性

• href 完整的url
• protocol 協議
• hostname 主機名
• port 端口號
• host 主機名和端口號
• pathname 文件路徑
• search 查詢部分
• hash 錨點部分

方法

• reload() 重新加載當前文檔。
• assign() 加載新的文檔
• replace() 用新的文檔替換當前文檔

history （歷史記錄）

屬性

• length 歷史記錄的數量

方法

• back() 回退一步
• forward() 前進一步
• go(n) 前進/後退 n步

screen （屏幕）

屬性

• width 屏幕寬度
• height 屏幕高度

navigator （導航）

屬性

• userAgent 平臺、瀏覽器相關的信息
• platform 返回運行瀏覽器的操作系統平臺。

附加

瀏覽器內核

• 內核應該包含 渲染引擎 \ JS引擎
• 渲染引擎負責渲染HTML和CSS， JS引擎負責運行JS
• 現在提到瀏覽器內核也可以單指渲染引擎

常見的瀏覽器內核

• webkit （chrom safari）
• blink （webkit的改型， chrome、opera）
• trident IE
• Gecko Firfox
• Kestrel 老歐朋

URL URI 區別

• URI 標準 中包含 URN 和 URL
• URI： 統一資源標示符
• URN：統一資源命名符
• URL： 統一資源定位符

瀏覽器對象模型 BOM