javascript的BOM
javascript的BOM
ECMAScript是 JavaScript的核心,但如果要在 Web中使用 JavaScript,那么 BOM(瀏覽器對(duì)象模型)則無(wú)疑才是真正的核心。BOM 提供了很多對(duì)象,用于訪問(wèn)瀏覽器的功能,這些功能與任何網(wǎng)頁(yè)內(nèi)容無(wú)關(guān)。多年來(lái),缺少事實(shí)上的規(guī)范導(dǎo)致 BOM既有意思又有問(wèn)題,因?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框架越來(lái)越多的情況下,需要我們?cè)谕淮翱谔幚聿煌?yè)面、不同的ajax數(shù)據(jù),則需要我們熟悉BOM的內(nèi)容。
1、window
BOM 的核心對(duì)象是 window ,它表示瀏覽器的一個(gè)實(shí)例。在瀏覽器中, window 對(duì)象有雙重角色,它既是通過(guò) JavaScript 訪問(wèn)瀏覽器窗口的一個(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ì)象的屬性;換句話說(shuō), window.location 和 document.location 引用的是同一個(gè)對(duì)象。location 對(duì)象的用處不只表現(xiàn)在它保存著當(dāng)前文檔的信息,還表現(xiàn)在它將 URL 解析為獨(dú)立的片段,讓開(kāi)發(fā)人員可以通過(guò)不同的屬性訪問(wèn)這些片段。
3、history
history 對(duì)象保存著用戶上網(wǎng)的歷史記錄, 從窗口被打開(kāi)的那一刻算起。 因?yàn)?strong> history 是 window對(duì)象的屬性,因此每個(gè)瀏覽器窗口、每個(gè)標(biāo)簽頁(yè)乃至每個(gè)框架,都有自己的 history 對(duì)象與特定的window 對(duì)象關(guān)聯(lián)。出于安全方面的考慮,開(kāi)發(fā)人員無(wú)法得知用戶瀏覽過(guò)的 URL。不過(guò),借由用戶訪問(wèn)過(guò)的頁(yè)面列表,同樣可以在不知道實(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)。雖然其他瀏覽器也通過(guò)其他方式提供了相同或相似的信息(例如,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ì)象基本上只用來(lái)表明客戶端的能力,其中包括瀏覽器窗口外部的顯示器的信息,如像素寬度和高度等。每個(gè)瀏覽器中的 screen 對(duì)象都包含著各不相同的屬性,下表列出了所有屬性及支持相應(yīng)屬性的瀏覽器。直接用下面代碼查看下就行了
<!DOCTYPE html> <html> <head> <script> console.log(screen); </script> </head> <body> screen </body> </html>
相關(guān)文章
javascript開(kāi)發(fā)技術(shù)大全 第2章 開(kāi)始JAVAScript之旅
1st JavaScript Editor ,除了有著色處,還有html標(biāo)簽、屬性、javascript事件、函數(shù),另外還可調(diào)用外部編輯來(lái)編輯網(wǎng)頁(yè),也可將常用瀏覽器內(nèi)置在窗口中。2011-07-07javascript語(yǔ)言結(jié)構(gòu)小記(一)
今天看了點(diǎn)js語(yǔ)言結(jié)構(gòu)的一部分,我將我比較感興趣地記錄如下,想學(xué)習(xí)js的朋友可以看下。2011-09-09JavaScript入門(mén)之事件、cookie、定時(shí)等
本文從上一篇文章結(jié)束的地方開(kāi)始,解釋其他的一些基本的JavaScript語(yǔ)言概念,繼續(xù)為初學(xué)者提供對(duì)語(yǔ)言的基礎(chǔ)理解2011-10-10通過(guò)正則表達(dá)式獲取url中參數(shù)的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇通過(guò)正則表達(dá)式獲取url中參數(shù)的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06深入document.write()與HTML4.01的非成對(duì)標(biāo)簽的詳解
本篇文章對(duì)document.write()與HTML4.01的非成對(duì)標(biāo)簽進(jìn)行了詳細(xì)的分析介紹。需要的朋友參考下2013-05-05簡(jiǎn)介JavaScript中valueOf()方法的使用
這篇文章主要介紹了簡(jiǎn)介JavaScript中valueOf()方法的使用,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06