网页中各种情况的高度取值的对比

关于网页中各种情况的高度取值的对比分析​

by xiaobai

HTML

关于网页中各种情况的高度取值的对比分析

JavaScript

function getInfo()
{
    var s = "";
    s += " 网页可见区域宽："+document.body.clientWidth+"\n";
    s += " 网页可见区域高："+document.body.clientHeight+"\n";
    s += " 网页可见区域宽："+document.body.offsetWidth +" (包括边线和滚动条的宽)"+"\n";
    s += " 网页可见区域高："+document.body.offsetHeight+ " (包括边线的宽)"+"\n";
    s += " 网页正文全文宽："+document.body.scrollWidth+"\n";
    s += " 网页正文全文高："+document.body.scrollHeight+"\n";
    s += " 网页被卷去的高(ff)："+document.body.scrollTop+"\n";
    s += " 网页被卷去的高(ie)："+document.documentElement.scrollTop+"\n";
    s += " 网页被卷去的左："+document.body.scrollLeft+"\n";
    s += " 网页正文部分上："+window.screenTop+"\n";//火狐找不到
    s += " 网页正文部分左："+window.screenLeft+"\n";//火狐找不到
    s += " 屏幕分辨率的高："+window.screen.height+"\n";
    s += " 屏幕分辨率的宽："+window.screen.width+"\n";
    s += " 屏幕可用工作区高度："+window.screen.availHeight+"\n";
    s += " 屏幕可用工作区宽度："+window.screen.availWidth+"\n";
    s += " 你的屏幕设置是 "+window.screen.colorDepth+" 位彩色"+"\n";
    s += " 你的屏幕设置 "+window.screen.deviceXDPI+" 像素/英寸"+"\n";//貌似仅仅ie支持的
    return s;
}
alert(getInfo());