本文實(shí)例講述了JavaScript 瀏覽器對(duì)象模型BOM原理與常見用法。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供公主嶺網(wǎng)站建設(shè)、公主嶺做網(wǎng)站、公主嶺網(wǎng)站設(shè)計(jì)、公主嶺網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、公主嶺企業(yè)網(wǎng)站模板建站服務(wù)，十載公主嶺做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

什么是BOM

BOM：Browser Object Model，瀏覽器對(duì)象模型

從上圖也可以看出：

• window對(duì)象是BOM的頂層(核心)對(duì)象，所有對(duì)象都是通過(guò)它延伸出來(lái)的，也可以稱為window的子對(duì)象。
• DOM是BOM的一部分。

window對(duì)象：

• window對(duì)象是JavaScript中的頂級(jí)對(duì)象。
• 全局變量、自定義函數(shù)也是window對(duì)象的屬性和方法。
• window對(duì)象下的屬性和方法調(diào)用時(shí)，可以省略window。

彈出系統(tǒng)對(duì)話框

比如說(shuō)，alert(1)是window.alert(1)的簡(jiǎn)寫，因?yàn)樗莣indow的子方法。

系統(tǒng)對(duì)話框有三種：

alert(); //不同瀏覽器中的外觀是不一樣的
confirm(); //兼容不好
prompt(); //不推薦使用

打開窗口、關(guān)閉窗口

打開窗口

window.open(url,target)

參數(shù)解釋：

• url：要打開的地址。
• target：新窗口的位置?？梢允牵篲blank 、_self、 _parent 父框架。

 
  
  
 
 
  
  路飛學(xué)城
  打開百度
  關(guān)閉
  關(guān)閉
 
 

跳轉(zhuǎn)

location對(duì)象

window.location可以簡(jiǎn)寫成location。location相當(dāng)于瀏覽器地址欄，可以將url解析成獨(dú)立的片段。

location對(duì)象的屬性

• href：跳轉(zhuǎn)
• hash 返回url中#后面的內(nèi)容，包含#
• host 主機(jī)名，包括端口
• hostname 主機(jī)名
• pathname url中的路徑部分
• protocol 協(xié)議 一般是http、https
• search 查詢字符串

舉例：5秒后自動(dòng)跳轉(zhuǎn)到百度。

有時(shí)候，當(dāng)我們?cè)L問一個(gè)不存在的網(wǎng)頁(yè)時(shí)，會(huì)提示5秒后自動(dòng)跳轉(zhuǎn)到指定頁(yè)面，此時(shí)就可以用到location

location.reload():重新加載,這個(gè)加載是  全局刷新，讓整個(gè)文檔重新解析了一遍，一般不建議使用

setTimeout(function(){
   //3秒之后讓網(wǎng)頁(yè)整個(gè)刷新
 window.location.reload();  
},3000)

navigator對(duì)象

window.navigator 的一些屬性可以獲取客戶端的一些信息。

• userAgent：系統(tǒng)，瀏覽器)
• platform：瀏覽器支持的系統(tǒng)，win/mac/linux

console.log(navigator.userAgent);
console.log(navigator.platform);

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁(yè)面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。