BOM的簡單介紹

BOM的簡單介紹

BOM

JavaScript裏面包含了三部份內容：ECMAScript核心語法，DOM，BOM

前言

BOM 咱們將其稱之爲瀏覽器對象模型。裏面主要是幫助咱們和瀏覽器進行交互的方法和接口。

IE3.0和Netscape Navigator 3.0提供的一種新的特性，主要是用來經過js這門腳本語言
來操做瀏覽器，方便咱們對瀏覽器窗口進行訪問。

BOM由於一直沒有相關的官方準則，因此在不一樣瀏覽器中實現BOM API的方式或者說展現的效果都不盡相同。

在BOM當中包含了一些對象，下面列出的這些對象都是常常看到和使用到的對象:

• Window對象
• Navigator對象
• Screen對象
• History對象
• Location對象

window對象

window意思爲窗口，表示瀏覽器窗口。

window對象的屬性

一、 window.name表示當前窗口的名字。
二、 window.closed,window.opener
若是新開的子窗口和父窗口之間沒有必要的通訊須要，就建議將opener設置爲null.

var a = window.open()
a.opener = null;

三、 window.screenX,window.screenY
返回瀏覽器窗口左上角相對於當前屏幕左上角的水平距離和垂直距離，單位是像素，而且是屬性是隻讀的屬性

四、 window.innerWidht,window.innerHeight
返回網頁在當前窗口中可見部分的寬度和高度。也就是視口viewport.單位是像素。只讀屬性

五、window.outerWidth,window.outerHeight
這兩個屬性返回瀏覽器窗口的寬度和高度。包括菜單欄和邊框。

六、window.scrollX,window.scrollY
頁面水平和垂直的滾動距離。單位是像素

屬性

組件屬性返回瀏覽器的組件對象。這樣的屬性有下面幾個。

• window.locationbar：地址欄對象
• window.menubar：菜單欄對象
• window.scrollbars：窗口的滾動條對象
• window.toolbar：工具欄對象
• window.statusbar：狀態欄對象
• window.personalbar：用戶安裝的我的工具欄對象

上面的這些屬性都是隻讀的。不能修改。