JavaScript中什麼是BOM？ BOM物件介紹

本章帶給大家JavaScript中什麼是BOM？ BOM物件介紹，讓大家了解js中BOM是什麼意思，JavaScript如何操作BOM物件。有一定的參考價值，有 需要的朋友可以參考一下，希望對你有幫助。

一、什麼是BOM

        BOM（Browser Object Model）即瀏覽器物件模型。
        BOM提供了獨立於內容 而與瀏覽器視窗互動的物件；
        由於BOM主要用 於管理視窗與視窗之間的通訊，因此其核心物件是window；
        BOM由一系列相關的物件構成，且每個對 像都提供了許多方法與屬性；
        BOM缺乏標準，JavaScript語法的標準化組織是ECMA，DOM的標準化組織 是W3C，BOM最初是Netscape瀏覽器標準的一部分。

二、BOM物件

#1.window物件：目前瀏覽器窗體

window對像是js中的頂級對象，所有定義在全域作用域中的變數、函數都會變成window對象的屬性和方法，在呼叫的時候可 以省略window。

屬性：

status：狀態列(目前瀏覽器已棄用了）

opener：即誰開啟我的，若在A用open開啟B則B的opener就是A

closed：判斷子窗體是否關閉

#方法：

alert() 彈出方塊

#confirm() 帶確認,取消彈出框

setInterval() 每隔多少秒呼叫一次

clearInterval() 清除setInterval

#setTimeout() 隔多少秒呼叫一次

cleartimeout() 清除setTimeout

open() 開啟一個新的視窗

#例：

 window.open

("other.html"," _blank","width=200,height=300,top=300");

console:最常用的就是console.log()瀏覽器控制台列印

2.子物件

子物件中主要介紹：loation、history、screen 。

1)、 loation 跳到位置

<meta http-equiv="refresh" content="3; url =http://www.hteis.cn";>      //不加url指3秒刷新

一次，加url指3秒跳转
window.location.href="popl.html";
location = pop.html
location.replace("pop.html")

 //浏览器不可以后退

2）、 history 歷史

history.back() == history.go(-1 )   //回到前一頁

history.go(-2) //括號裡的參數負幾就是回傳前幾步

範例:

<a href="javascript:history.back()">返回上一页

</a>
<a href="javascript:history.go(-2)">第一页</a>

3 )、 screen 螢幕

screen.availHeight ：螢幕實際高度

screen.availWidth ：螢幕實際寬度

screen.height ：螢幕高度

screen.width ：螢幕寬度

範例：

console.log("屏幕实际高度"+screen.availHeight);
console.log("屏幕实际宽度"+screen.availWidth);
console.log("屏幕高度"+screen.height);
console.log("屏幕宽度"+screen.width);

#三、DOM與BOM的差異

1. DOM 

全名是Document Object Model，也就是文檔物件模型。是針對XML的基於樹的API。描述了處理網頁內容的方法和接口，是 HTML和XML的API，DOM把整個頁面規劃成由節點層級所構成的文件。針對XHTML和HTML的DOM。這個DOM定義了一個HTMLDocument和HTMLElement做為這 種實現的基礎,就是說為了能以程式設計的方法操作這個 HTML 的內容（例如添加某些元素、修改元素的內容、刪除某些元素），我們把這個 HTML 看 做一個物件樹（DOM樹），它本身和裡面的所有東西例如：

這些標籤都看做一個對象，每個物件都叫做一個節點（node），節點可以理解為DOM 所有Object 的父類別。

DOM 有什麼用？就是為了操作 HTML 中的元素，比如說我們要透過 JS 把這個網頁的標題改了，直接這樣就可以了：  
document.title = ‘how to make love’; 
這個 API 使得網頁下載到瀏覽器後改變網頁的內容成為可能。

2. BOM

BOM 是 Browser Object Model，瀏覽器物件模型。

剛才說過 DOM 是為了操作文檔出現的接口，那 BOM 顧名思義其實就是為了控制瀏覽器的行為而出現的接口。

瀏覽器可以做什麼？例如跳到另一個頁面、前進、後退等等，程式還可能需要取得螢幕的大小之類的參數。

所以 BOM 就是為了解決這些事情出現的介面。例如我們要讓瀏覽器跳到另一個頁面，只需要 
location.href = 「http://www.xxxx.com「;

這個 location 就是 BOM 裡的一個物件。

四、總結

本章我們了解到了與瀏覽器視窗互動的一些對象，例如可以移動、調整瀏覽器大小的window對象，可以用於導航的location 物件與history對象，可以取得瀏覽器、作業系統與使用者螢幕資訊的screen對象，可以使用document作為存取HTML文件的入口，管理框架的frames 對像等。

以上是JavaScript中什麼是BOM？ BOM物件介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！