`
snowing11812
  • 浏览: 117893 次
  • 来自: ...
社区版块
存档分类
最新评论

关于javascript js获取各种浏览器可见窗口大小

浏览器JavaScriptIEOperaXHTML 
阅读更多 
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">

表达式IEFF或Opera
document.body.clientWidth可见区域宽度可见区域宽度
document.body.clientHeight可见区域宽度可见区域高度
document.documentElement.clientWidth0页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight 0页面对象高度（即BODY对象高度加上Margin高）


如果声明了W3C标准:
表达式IE或FFOpera
document.body.clientWidthBODY对象宽度可见区域宽度
document.body.clientHeightBODY对象高度可见区域高度
document.documentElement.clientWidth可见区域宽度页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight 可见区域高度页面对象高度（即BODY对象高度加上Margin高）

0
顶
0
踩
分享到：
| 数据库 随机 提取 N条记录
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics