问答详情
源自:9-18 浏览器窗口可视区域大小

document.body.clientHeight与document.documentElement.clientHeight与window.screen.availHeight三者的区别

document.write(document.body.clientHeight); document.write(document.body.clientWidth); document.write(document.documentElement.clientHeight); document.write(document.documentElement.clientWidth); document.write(window.screen.availHeight); document.write(window.screen.availWidth); 以上三种获取的值都不同,何解?

提问者:小智keroa 2016-12-30 12:21

个回答

  • guoyou
    2017-02-20 01:20:47

    screen.availWidth;    //返回可用的屏幕宽度

    screen.availHeight;    //返回可用的屏幕高度

    window.innerWidth;   //返回可用的浏览器窗口文档的宽度   兼容ie9+

    window.innerHeight;   //返回可用的浏览器窗口文档的高度  兼容ie9+

    在不同浏览器都实用的 JavaScript 方案:获取可视区域宽高

    var oWidth = document.documentElement.clientWidth || document.body.clientWidth;

    var oHeight = document.documentElement.clientHeight || document.body.clientHeight;


  • 小白_0001
    2017-01-21 09:45:36

    1   window.innerHeight和window.innerWidth;

    2   document.body.clientHeight和document.body.clientWidth;

    3   document.documentElement.clientHeight和document.documentElement.clientWidth;

    13的值是应该相同的,2的值不同是因为他获取的是body的文档高和宽,而且随着你输出的内容的变化,2的高也会发生变化。

  • 阿尘666
    2017-01-04 15:20:39

    值的不同,是由于代码的不同,这很明显,而你不懂,是不知道英文单词的意思,查查就知道了