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;

1   window.innerHeight和window.innerWidth；

2   document.body.clientHeight和document.body.clientWidth；

3   document.documentElement.clientHeight和document.documentElement.clientWidth；

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

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