BOM

• BOM
  • 屬性
    • navigator
    • location
      • 方法
    • history
      • 方法
    • screen
  • Window 方法
  • Window 事件

BOM

BOM 為瀏覽器窗口對(duì)象的一組 API。

BOM 結(jié)構(gòu)圖

屬性

navigator

navigator.userAgent

• Chrome, Mozilla/5.0(Windows NT 6.1; WOW64) Apple WebKit/37.36 (KHTML, like Gecko) Chrome/40.0.2214.115 Safari/537.36
• Firefox, Mozilla/5.0(Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0
• IE, Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.3; rv:11.0) like Gecko

appCodeName: "Mozilla"appName: "Netscape"appVersion: "5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.124 Safari/537.36"cookieEnabled: truedoNotTrack: "1"geolocation: GeolocationhardwareConcurrency: 8language: "en-US"languages: Array[4]maxTouchPoints: 0mimeTypes: MimeTypeArrayonLine: truepermissions: Permissionsplatform: "MacIntel"plugins: PluginArrayproduct: "Gecko"productSub: "20030107"serviceWorker: ServiceWorkerContaineruserAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.124 Safari/537.36"vendor: "Google Inc."vendorSub: ""webkitPersistentStorage: DeprecatedStorageQuotawebkitTemporaryStorage: DeprecatedStorageQuota__proto__: Navigator

NOTE：可以通過(guò) userAgent 判斷瀏覽器。

location

代表瀏覽器的定位和導(dǎo)航?？梢允褂?nbsp;location 來(lái)操作 URL 中的各個(gè)部分。最常用的有 href 屬性，當(dāng)前訪問(wèn)資源的完整路徑。

http://www.github.com:8080/index.html?user=li-xinyang&lang=zh-CN#home
  |          |          |       |                  |              |
protocol     |          |       |                  |              |
          hostname     port     |                  |              |
              \        /    pathname             search          hash
                 host

方法

• assign(url) 載入新的 url，記錄瀏覽記錄
• replace(url) 載入新的 url 不記錄瀏覽記錄
• reload() 重新載入當(dāng)前頁(yè)

history

瀏覽器當(dāng)前窗口的瀏覽歷史。

length: 9state: null __proto__: History

方法

• back(int) 后退
• forward(int) 前進(jìn)
• go(int) 正數(shù)向前，附屬向后

screen

其中包含屏幕信息。其中 avil- 開(kāi)頭的屬性為可用屬性，其余則為顯示器設(shè)備屬性。

Window 方法

NOTE：對(duì)話框會(huì)阻塞線程。

打開(kāi)或關(guān)閉窗口

var w = window.open('subwindow.html', 'subwin', 'width=300, height=300, status=yes, resizable=yes');

// 既可關(guān)閉窗口
w.close();

NOTE：無(wú)需記憶，更多屬性在使用時(shí)查詢文檔。

Window 事件