背景:
在我们使用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;
}
}