BOM是browserobject model的縮寫,簡稱浏覽器對象模型。BOM主要用于管理視窗與視窗之間的通訊,其核心對象是window。Window對象有4個子對象history對象、location對象、navigator對象、screen對象。
BOM的結構圖
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIyVGduV2QvwVe0lmdhJ3ZvwFM38CXlZHbvN3cpR2Lc1TPB10QGtWUCpEMJ9CXsxWam9CXwADNvwVZ6l2c052bm9CXUJDT1wkNhVzLcRnbvZ2LcZXUYpVd1kmYr50MZV3YyI2cKJDT29GRjBjUIF2LcRHelR3LcJzLctmch1mclRXY39DN1cDMxETM5AzNxETM2EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
我們先來看一下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;