JavaScript瀏覽器物件模型(BOM)

標籤：程式   try   特性   document   1.4   瀏覽器   open()   undefined   對話方塊   

1 window對象

既是通過JS訪問瀏覽器視窗的一個介面，又是ECMAScript規定的Global對象。

1.1 全域範圍

全域變數不能通過delete刪除，但是直接在window對象上的定義的屬性可以

var age = 29;window.color = "red";delete window.age;   // 在IE<9時拋出錯誤，其他瀏覽器中返回falsedelete window.color; // 在IE<9時拋出錯誤，其他瀏覽器中返回truealert(window.age);   // 29alert(window.color); // undefined

因為使用var語句添加的window屬性有一個名為[[Configurable]]的特性，這個特性的指被設定為false，所以不能通過delete來刪除。

* 嘗試訪問未聲明的變數會拋出錯誤，但是通過window可以查詢變數是否存在

1.2 視窗關係及架構（從來沒有這樣用過，一般都用jquery或者別的架構搞定）

1.3 視窗位置（同上）

1.4 視窗大小（同上）

1.5 導航和開啟視窗

window.open() - 四個參數：要載入的URL，視窗目標， 一個特性字串以及一個表示新頁面是否取代瀏覽器當前載入頁面的布爾值。

* 被屏蔽時的處理

var blocked = false;try {    var wroxWin = window.open("", "_blank");    if(wroxWin == null) {        blocked = true;    }}catch(ex) {    blocked = true;}if(blocked) {    alert("The popup was blocked!");}

1.6 間歇調用和逾時調用

不建議以字串作為第一個參數

第二個參數的定義是：告訴JS多長時間後將當前任務添加到隊列中，而不是執行。

* 在strict 模式下，this是undefined。

1.7 系統對話方塊（alert, confirm, prompt）

 

2 location對象

提供了與當前視窗中載入的文檔有關的資訊，還提供了一些導航功能。window.location和document.location引用了同一個對象。

2.1 查詢字串參數

2.2 位置操作

 

3 Navigator對象

3.1 檢測外掛程式

3.2 處理註冊程式

 

4 Screen對象

 

5. history對象

//後退一頁history.go(-1);history.back();//前進一頁history.go(1);history.forward();//跳轉到最近的wrox.com頁面history.go("wrox.com")

 

JavaScript瀏覽器物件模型(BOM)