JS获取浏览器窗口.docxVIP

呼呼，搞了大半天，总算弄明白了为何用document.body.clientHeight，document.body.offsetHeight都没有办法获取网页可见区域的正确值，原来罪魁祸首是W3C定义的标准！！在新定义出来的标准下 document.documentElement.clientHeight在IE和火狐里都能获取正确值，下面一篇文章详细介绍了获取各种浏览器可见窗口大小这方面的差别：scriptfunction getInfo(){????var s = ;????s += 网页可见区域宽：+ document.body.clientWidth;????s += 网页可见区域高：+ document.body.clientHeight;????s += 网页可见区域宽：+ document.body.offsetWidth + (包括边线和滚动条的宽);????s += 网页可见区域高：+ document.body.offsetHeight + (包括边线的宽);????s += 网页正文全文宽：+ document.body.scrollWidth;????s += 网页正文全文高：+ document.body.scrollHeight;????s += 网页被卷去的高(ff)：+ document.body.scrollTop;????s += 网页被卷去的高(ie)：+ document.documentElement.scrollTop;????s += 网页被卷去的左：+ document.body.scrollLeft;????s += 网页正文部分上：+ window.screenTop;????s += 网页正文部分左：+ window.screenLeft;????s += 屏幕分辨率的高：+ window.screen.height;????s += 屏幕分辨率的宽：+ window.screen.width;????s += 屏幕可用工作区高度：+ window.screen.availHeight;????s += 屏幕可用工作区宽度：+ window.screen.availWidth;????s += 你的屏幕设置是 + window.screen.colorDepth + 位彩色;????s += 你的屏幕设置 + window.screen.deviceXDPI + 像素/英寸;????//alert (s);}getInfo();/script在我本地测试当中：在IE、FireFox、Opera下都可以使用document.body.clientWidthdocument.body.clientHeight即可获得，很简单，很方便。而在公司项目当中：Opera仍然使用document.body.clientWidthdocument.body.clientHeight可是IE和FireFox则使用document.documentElement.clientWidthdocument.documentElement.clientHeight原来是W3C的标准在作怪啊!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd如果在页面中添加这行标记的话在IE中：document.body.clientWidth == BODY对象宽度document.body.clientHeight == BODY对象高度document.documentElement.clientWidth == 可见区域宽度document.documentElement.clientHeight == 可见区域高度在FireFox中：document.body.clientWidth == BODY对象宽度document.body.clientHeight == BODY对象高度document.documentElement.clientWidth == 可见区域宽度document.documentElement.clientHeight == 可见区域高度?在Opera中：document.body.clientWidth == 可见区域宽度document.body.clientHeight == 可见区域高度document.documentElement.clientWidth == 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==