20 BOM概述

技術交流QQ群:1027579432，歡迎你的加入！

1.BOM概述

• 什麼是BOM：BOM(Browser Object Model)即浏覽器對象模型，它提供了獨立于内容而與浏覽器視窗進行互動的對象，其核心對象是window。
• BOM由一系列相關的對象構成，并且每個對象都提供了很多方法和屬性。
• BOM缺乏标準，JavaScript文法的标準化組織是ECMA，DOM的标準化組織是W3C，BOM最初是Netscape浏覽器标準的一部分。
• DOM與BOM的對比：
  • DOM
    • 文檔對象模型
    • DOM就是把文檔當作一個對象來看待
    • DOM的頂級對象是document
    • DOM主要學習的是操作頁面元素
    • DOM是W3C标準規範
  • BOM
    • 浏覽器對象模型
    • 把浏覽器當作一個對象來看待
    • BOW的頂級對象是window
    • BOM學習的是浏覽器視窗互動的一些對象
    • BOM是浏覽器廠商在各自浏覽器上定義的，相容性較差
• BOM的構成：BOM比DOM更大，它包含了DOM。

  

• window對象是浏覽器的頂級對象，它具有雙重角色。
  • 它是JS通路浏覽器視窗的一個接口；
  • 它是一個全局對象。定義在全局作用域中的變量、函數都會變成window對象的屬性和方法。
• 在調用的時候可以省略window，前面學習的對話框都屬于window對象的方法，如alert()、prompt()等。注意：window對象下的一個特殊屬性window.name，可以使用console.dir(window)來檢視window對象所有的方法和屬性。

2.資料下載下傳

• 筆記及代碼，歡迎star,follow,fork…