首頁 > web前端 > js教程 > javascript的BOM_基礎知識

javascript的BOM_基礎知識

WBOY
發布: 2016-05-16 15:02:41
原創
1316 人瀏覽過

javascript的BOM

            ECMAScript是 JavaScript的核心,但若要在 Web中使用 JavaScript,那麼 BOM(瀏覽器物件模型)無疑才是真正的核心。 BOM 提供了許多對象,用於存取瀏覽器的功能,這些功能與任何網頁內容無關。多年來,缺少事實上的規範導致 BOM既有意思又有問題,因為瀏覽器提供者會按照各自的想法隨意去擴展它。於是,瀏覽器之間共有的物件就成為了事實上的標準。這些物件在瀏覽器中得以存在,很大程度上是由於它們提供了與瀏覽器的互通性。 W3C為了把瀏覽器中 JavaScript最基本的部分標準化,已經將 BOM的主要面向納入了 HTML5的規範中。

            ps:以上註記於《javascript高階程式設計》,BOM是瀏覽器的視窗對象,提供了許多視窗處理的API。在webapp框架越來越多的情況下,需要我們在同一視窗處理不同頁面、不同的ajax數據,則需要我們熟悉BOM的內容。

1、window

        BOM 的核心物件是 window ,它表示瀏覽器的一個實例。在瀏覽器中, window 物件有雙重角色,它既是透過 JavaScript 存取瀏覽器視窗的一個接口,也是 ECMAScript 規定的 Global 物件。

下面是open的第三個字串屬性

2、location

        location 是最有用的 BOM物件之一,它提供了與目前視窗中載入的文件有關的信息,也提供了一些導覽功能。事實上, location 物件是很特別的一個對象,因為它既是 window 物件的屬性,也是document 物件的屬性;換句話說, window.location 和 document.location 引用的是同一個物件。 location 物件的用處不僅表現在它保存著目前文件的訊息,還表現在它將 URL 解析為獨立的片段,讓開發人員可以透過不同的屬性存取這些片段。


3、history

        history 物件儲存使用者上網的歷史記錄,並且從視窗開啟的那一刻算起。 因為 history 是 window物件的屬性,因此每個瀏覽器視窗、每個標籤頁乃至每個框架,都有自己的 history 物件與特定的window 物件關聯。出於安全方面的考慮,開發人員無法得知使用者瀏覽過的 URL。不過,借用戶造訪過的頁面列表,同樣可以在不知道實際 URL 的情況下實現後退和前進。

4、navigator

        最早由 Netscape Navigator 2.0引入的 navigator 對象,現在已成為識別客戶端瀏覽器的事實標準。雖然其他瀏覽器也透過其他方式提供了相同或相似的資訊(例如,IE 中的 window.clientInfor-mation 和 Opera 中的 indow.opera ) ,但 navigator 物件是所有支援 JavaScript 的瀏覽器所共有的。與其他 BOM 物件的情況一樣,每個瀏覽器中的 navigator 物件也都有一套自己的屬性。下圖有navigator比較重要的資訊

5、screen

        JavaScript 中有幾個物件在程式設計上用處不大,而 screen 物件就是其中之一。 screen 物件基本上只用來表明客戶端的能力,其中包括瀏覽器視窗外部的顯示器的訊息,如像素寬度和高度等。每個瀏覽器中的 screen 物件都包含著各不相同的屬性,下表列出了所有屬性及支援對應屬性的瀏覽器。直接用下面程式​​碼查看下就行了

<!DOCTYPE html>
<html>
<head>
<script>
  console.log(screen);
</script>
</head>
<body>
  screen
</body>
</html>
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板