bom基礎

js裏面的Bom對象

什麼是Bom

• Bom是瀏覽器對象，全拼爲（Browser Object Model）瀏覽器對象模型

• BOM是browser object model的縮寫，簡稱瀏覽器對象模型

• BOM提供了獨立於內容而與瀏覽器窗口進行交互的對象

• 因爲BOM主要用於管理窗口與窗口之間的通信，所以其核心對象是window

• BOM由一系列相關的對象構成，而且每一個對象都提供了不少方法與屬性

• BOM缺少標準，JavaScript語法的標準化組織是ECMA，DOM的標準化組織是W3C,

• BOM最初是Netscape瀏覽器標準的一部分

bom屬性	描述
window	對象
navigator	瀏覽器信息
location	瀏覽器定位和導航
screen	屏幕信息
history	窗口瀏覽器歷史
document	文檔

window

window對象是js中的頂級對象，全部定義在全局做用域中的變量、函數都會變成window對象的屬性和方法，在調用的時候能夠省略window。

• 例：

打開窗口：window.open(url,target,param);

// url    要打開的地址
// target 新窗口的位置     _blank(默認)  _self 
// param  新窗口的一些設置
// 返回值，新窗口的句柄

關閉窗口：window.close();

定時器 setIiterval clearInterval

setTimeout       clearTimeout

系統對話框
alert() // 系統彈窗
confirm() // 確認、取消彈窗
prompt() // 輸入彈窗

navigator

navigator對象：包含大量有關Web瀏覽器的信息，在檢測瀏覽器及操做系統上很是有用

window.navigator.appCodeName //瀏覽器代碼名
window.navigator.appName //瀏覽器步伐名
window.navigator.appMinorVersion //瀏覽器補釘版本
window.navigator.cpuClass //cpu類型x86
window.navigator.platform //操做體系類型win32
window.navigator.plugins
window.navigator.opsProfile
window.navigator.userProfile
window.navigator.systemLanguage //客戶體系語言zh-cn簡體中文
window.navigator.userLanguage //用戶語言,同上
window.navigator.appVersion //瀏覽器版本(包括 體系版本)
window.navigator.userAgent//用戶代理頭的字符串表示
window.navigator.onLine //用戶否在線
window.navigator.cookieEnabled //瀏覽器是否撐持cookie
window.navigator.mimeTypes

location

location對象：表示載入窗口的URL，也可用window.location引用它
location.href //當前載入頁面的完整URL
location.host //服務器的名字
location.pathname //URL中主機名後的部分，如/pictures/index.htm
location.hash //若是URL包含#，返回該符號以後的內容，如#anchor1
location.reload(true | false); //從新載入當前頁面，爲false時從瀏覽器緩存中重載，爲true時從服務器端重載，默認爲false
document.location.reload(URL) //打開新的網頁

screen

window.screen.width //屏幕寬度
window.screen.height //屏幕高度
window.screen.availWidth //可用寬度(除去任務欄的高度)
window.screen.availHeight //可用高度(除去任務欄的高度)

history

history.back() //在瀏覽歷史裏後退一步
history.forward() //在瀏覽歷史裏前進一步
history.go(i) //到汗青詳細登記單的第i位

h5裏的history：
pushState(a,b,c)//a:數據 c:地址欄
window.onpopstate

document

document.write() //動態向頁面寫入內容