背景:
在我们使用JQuery的过程中,有些时候是需要获取到窗体或者iframe的宽度和高度用来做一些布局上的计算,这里我们需要使用跨浏览器的做法.
解决办法:
关键在于处理不同浏览器对document元素的处理,另外就是对使用的CSS是否严格的要做一个判断.
具体方法:
function getTotalHeight(){
if($.browser.msie){
return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight :
document.body.clientHeight;
}else{
return self.innerHeight;
}
}

function getTotalWidth (){
if($.browser.msie){
return document.compatMode == "CSS1Compat"? document.documentElement.clientWidth :
document.body.clientWidth;
}else{
return self.innerWidth;
}
}
if($.browser.msie){
return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight :
document.body.clientHeight;
}else{
return self.innerHeight;}
}
function getTotalWidth (){
if($.browser.msie){
return document.compatMode == "CSS1Compat"? document.documentElement.clientWidth :
document.body.clientWidth;
}else{
return self.innerWidth;}
}
本文介绍了一种跨浏览器兼容的方法来获取网页或iframe的宽度和高度。通过判断浏览器类型及CSS标准模式,提供了jQuery插件形式的具体实现。
1万+

被折叠的 条评论
为什么被折叠?



