天天看點

javaScript的BOM的window對象(一)

BOM是browserobject model的縮寫,簡稱浏覽器對象模型。BOM主要用于管理視窗與視窗之間的通訊,其核心對象是window。Window對象有4個子對象history對象、location對象、navigator對象、screen對象。

BOM的結構圖

javaScript的BOM的window對象(一)

我們先來看一下window對象

一.視窗尺寸

不同的浏覽器視窗尺寸大小表示的方式不同

       對于Internet Explorer、Chrome、Firefox、Opera以及 Safari

1.浏覽器視窗的内部寬度

              window.innerWidth

2.浏覽器視窗的内部高度

              window.innerHeight

       對于 Internet Explorer 8、7、6、5,視窗的尺寸有2種表示方法

1.浏覽器視窗的内部寬度

(1)document.documentElement.clientWidth

 (2)document.body.clientWidth

       2.浏覽器視窗的内部高度

(1)document.documentElement.clientHeight

(2)document.body.clientHeight

為了使浏覽器相容,我們可以使用下面的寫法來定義

varwidth=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;

varheight=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;

繼續閱讀