javascript的BOM
ECMAScript是 JavaScript的核心,但如果要在 Web中使用 JavaScript,那么 BOM(瀏覽器對(duì)象模型)則無疑才是真正的核心。BOM 提供了很多對(duì)象,用于訪問瀏覽器的功能,這些功能與任何網(wǎng)頁內(nèi)容無關(guān)。多年來,缺少事實(shí)上的規(guī)范導(dǎo)致 BOM既有意思又有問題,因?yàn)闉g覽器提供商會(huì)按照各自的想法隨意去擴(kuò)展它。于是,瀏覽器之間共有的對(duì)象就成為了事實(shí)上的標(biāo)準(zhǔn)。這些對(duì)象在瀏覽器中得以存在,很大程度上是由于它們提供了與瀏覽器的互操作性。W3C為了把瀏覽器中 JavaScript最基本的部分標(biāo)準(zhǔn)化,已經(jīng)將 BOM的主要方面納入了 HTML5的規(guī)范中。
ps:上面摘抄于《javascript高級(jí)程序設(shè)計(jì)》,BOM是瀏覽器的窗口對(duì)象,提供了很多窗口處理的API。在webapp框架越來越多的情況下,需要我們?cè)谕淮翱谔幚聿煌撁?、不同的ajax數(shù)據(jù),則需要我們熟悉BOM的內(nèi)容。
1、window
BOM 的核心對(duì)象是 window ,它表示瀏覽器的一個(gè)實(shí)例。在瀏覽器中, window 對(duì)象有雙重角色,它既是通過 JavaScript 訪問瀏覽器窗口的一個(gè)接口,又是 ECMAScript 規(guī)定的 Global 對(duì)象。
下面是open的第三個(gè)字符串屬性
2、location
location 是最有用的 BOM對(duì)象之一,它提供了與當(dāng)前窗口中加載的文檔有關(guān)的信息,還提供了一些導(dǎo)航功能。事實(shí)上, location 對(duì)象是很特別的一個(gè)對(duì)象,因?yàn)樗仁?window 對(duì)象的屬性,也是document 對(duì)象的屬性;換句話說, window.location 和 document.location 引用的是同一個(gè)對(duì)象。location 對(duì)象的用處不只表現(xiàn)在它保存著當(dāng)前文檔的信息,還表現(xiàn)在它將 URL 解析為獨(dú)立的片段,讓開發(fā)人員可以通過不同的屬性訪問這些片段。
3、history
history 對(duì)象保存著用戶上網(wǎng)的歷史記錄, 從窗口被打開的那一刻算起。 因?yàn)?strong> history 是 window對(duì)象的屬性,因此每個(gè)瀏覽器窗口、每個(gè)標(biāo)簽頁乃至每個(gè)框架,都有自己的 history 對(duì)象與特定的window 對(duì)象關(guān)聯(lián)。出于安全方面的考慮,開發(fā)人員無法得知用戶瀏覽過的 URL。不過,借由用戶訪問過的頁面列表,同樣可以在不知道實(shí)際 URL 的情況下實(shí)現(xiàn)后退和前進(jìn)。
4、navigator
最早由 Netscape Navigator 2.0引入的 navigator 對(duì)象,現(xiàn)在已經(jīng)成為識(shí)別客戶端瀏覽器的事實(shí)標(biāo)準(zhǔn)。雖然其他瀏覽器也通過其他方式提供了相同或相似的信息(例如,IE 中的 window.clientInfor-mation 和 Opera 中的 indow.opera ) ,但 navigator 對(duì)象卻是所有支持 JavaScript 的瀏覽器所共有的。與其他 BOM 對(duì)象的情況一樣,每個(gè)瀏覽器中的 navigator 對(duì)象也都有一套自己的屬性。下圖有navigator比較重要的信息
5、screen
JavaScript 中有幾個(gè)對(duì)象在編程中用處不大,而 screen 對(duì)象就是其中之一。 screen 對(duì)象基本上只用來表明客戶端的能力,其中包括瀏覽器窗口外部的顯示器的信息,如像素寬度和高度等。每個(gè)瀏覽器中的 screen 對(duì)象都包含著各不相同的屬性,下表列出了所有屬性及支持相應(yīng)屬性的瀏覽器。直接用下面代碼查看下就行了
<!DOCTYPE html><html><head><script> console.log(screen);</script></head><body> screen</body></html>
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注