function fngetwidthheight() {
var viewportwidth;
var viewportheight;
// 支持(mozilla/netscape/opera/chrome/ie7)
if (typeof window.innerwidth != 'undefined') {
viewportwidth = window.innerwidth;
viewportheight = window.innerheight;
}
// 支持(ie6)
else if (typeof document.documentelement != 'undefined' && typeof document.documentelement.clientwidth != 'undefined' && document.documentelement.clientwidth != 0) {
viewportwidth = document.documentelement.clientwidth;
viewportheight = document.documentelement.clientheight;
}
// 支持其他浏览器
else {
viewportwidth = document.getelementsbytagname('body')[0].clientwidth;
viewportheight = document.getelementsbytagname('body')[0].clientheight;
}
alert('your viewport width & height is ' + viewportwidth + 'x' + viewportheight);
}
fngetwidthheight();
以上就是关于浏览器兼容性的实例代码的详细内容。
