跨浏览器窗口大小(全兼容)

//只列举width的情况,height的情况类似
var pageWidth = window.innerWidth;
if(typeof pageWidth != 'number'){
if(document.compatMode == 'CSS1Compat'){
pageWidth = document.documentElement.clientWidth;
}else{
pageWidth = document.body.clientWidth;
}
}
alert(pageWidth);

 

其中,有些浏览器同时支持window.innerWidth和document.documentElement.clientWidth

那么window.innerWidth === document.documentElement.clientWidth ???

非也,window的是包含滚动条的。具体取舍,按实际情况。

posted on 2014-06-18 11:07  kai08  阅读(186)  评论(0编辑  收藏  举报

导航