javascript获取各种浏览器足见窗口大小
日期：2014-05-16 浏览次数：20427 次
javascript获取各种浏览器可见窗口大小
如果没有声明W3C标准：
如果声明了W3C标准:
?
function 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>
如果没有声明W3C标准：
- <!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ??
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| 表达式 | IE | FF或Opera |
| document.body.clientWidth | 可见区域宽度 | 可见区域宽度 |
| document.body.clientHeight | 可见区域宽度 | 可见区域高度 |
| document.documentElement.clientWidth | 0 | 页面对象宽度（即BODY对象宽度加上Margin宽） |
| document.documentElement.clientHeight | 0 | 页面对象高度（即BODY对象高度加上Margin高） |
如果声明了W3C标准:
| 表达式 | IE或FF | Opera |
| document.body.clientWidth | BODY对象宽度 | 可见区域宽度 |
| document.body.clientHeight | BODY对象高度 | 可见区域高度 |
| document.documentElement.clientWidth | 可见区域宽度 | 页面对象宽度（即BODY对象宽度加上Margin宽） |
| document.documentElement.clientHeight | 可见区域高度 | 页面对象高度（即BODY对象高度加上Margin高） |
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
