狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

<script>
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>

在我本地測試當中：

在IE、FireFox、Opera下都可以使用

document.body.clientWidth

document.body.clientHeight

即可獲得，很簡單，很方便。

而在公司項目當中：

Opera仍然使用

document.body.clientWidth

document.body.clientHeight

可是IE和FireFox則使用

document.documentElement.clientWidth

document.documentElement.clientHeight

原來是W3C的標準在作怪啊

如果在頁面中添加這行標記的話：

在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 ==> 頁面對象高度（即BODY對象高度加上Margin高）

而如果沒有定義W3C的標準，則：

IE為：

document.documentElement.clientWidth ==> 0

document.documentElement.clientHeight ==> 0

FireFox為：

document.documentElement.clientWidth ==> 頁面對象寬度（即BODY對象寬度加上Margin寬）document.documentElement.clientHeight ==> 頁面對象高度（即BODY對象高度加上Margin高）

Opera為：

document.documentElement.clientWidth ==> 頁面對象寬度（即BODY對象寬度加上Margin寬）document.documentElement.clientHeight ==> 頁面對象高度（即BODY對象高度加上Margin高）

網頁可見區域寬:

document.body.clientWidth

網頁可見區域高:

document.body.clientHeight

網頁可見區域寬:

document.body.offsetWidth(包 括邊線的寬)

網頁可見區域高:

document.body.offsetHeight(包括邊線的寬)

網頁 正文全文寬:

document.body.scrollWidth

網頁正文全文高:

document.body.scrollHeight

網 頁被卷去的高:

document.body.scrollTop

網頁被卷去的左:

document.body.scrollLeft

網 頁正文部分上:

window.screenTop

網頁正文部分左:

window.screenLeft

屏 幕分辨率的高:

window.screen.height

屏幕分辨率的寬:

window.screen.width

屏 幕可用工作區高度:

window.screen.availHeight

屏幕可用工作區寬度:

window.screen.availWidth