JS学习_BOM窗口大小获取

BOM窗口大小

全局变量不能通过delete操作符删除，而直接在window对象上定义的属性可以delete删除。

var a = 1;
window.b = 2;

delete.window.a;     //IE9之前抛出错误，其他浏览器返回false
delete.window.b;     //IE9之前抛出错误，其他浏览器返回true

alert(window.a);     //1
alert(window.b);     //undefined

注意：访问未声明的变量会抛出错误，而使用window对象查询则返回undefined。

窗口大小

取得当前窗口的页面视口大小的兼容性代码（IE、Opera、Mozilla、Safari、Chrome）

var pageWidth  = window.innerWidth;
var pageHeight = window.innerHeight;

if (typeof pageWidth != 'number'){
    if (document.compatMode == 'number'){ 
        pageWidth  = document.documentElement.clientWidht;
        pageHeight = document.documentElement.clientHeight;
    } else {
        pageWidth  = document.body.clientWidht;
        pageHeight = document.body.clientHeight;
    }
}