更新時(shí)間:2021-05-31 來源:黑馬程序員 瀏覽量:
BOM提供了很多的對象。這些對象用于訪問瀏覽器,被稱為瀏覽器對象。各內(nèi)置對象之間按照某種層次組織起來的模型統(tǒng)稱為瀏覽器對象模型,如圖1所示。
圖1 BOM構(gòu)成
從圖1中可以看出,BOM比DOM更大,它包含DOM(document)。BOM的核心對象是window,其他的對象稱為window的子對象,它們是以屬性的方式添加到window對象的。
window對象是瀏覽器頂級對象,具有雙重角色,既是JavaScript訪問瀏覽器窗口的一個(gè)接口,又是一個(gè)全局對象,定義在全局作用域中的變量、函數(shù)都會變成window對象的屬性和方法。示例代碼如下。
<script> // 全局作用域中的變量是window對象的屬性 var num = 10; console.log(num); // 結(jié)果為:10 console.log(window.num); // 結(jié)果為:10 // 全局作用域中的函數(shù)是window對象的方法 function fn() { console.log(11); } fn(); // 結(jié)果為:11 window.fn(); // 結(jié)果為:11 </script>
在前面的知識中,之所以省略var也可以直接為一個(gè)未聲明的變量賦值,是因?yàn)檫@個(gè)變量自動轉(zhuǎn)換為了window對象的屬性。前面學(xué)習(xí)的alert()、prompt()實(shí)際上都屬于window對象的方法,在調(diào)用的時(shí)候省略了前面的“window.”。由于window對象中本來就有一個(gè)name屬性,所以在全局作用域下聲明的變量不推薦使用name作為變量名,以避免和window對象的name屬性沖突。
BOM與DOM的區(qū)別:
DOM是文檔對象模型,把文檔當(dāng)作一個(gè)對象來看待,它的頂級對象是document,我們主要學(xué)習(xí)的是操作頁面元素。DOM是W3C標(biāo)準(zhǔn)規(guī)范。
BOM是瀏覽器對象模型,是把瀏覽器當(dāng)做一個(gè)對象來看待,它的頂級對象是window,我們主要學(xué)習(xí)的是瀏覽器窗口交互的一些對象。BOM是瀏覽器廠商在各自瀏覽器上定義的,兼容性較差。