最终结论：innerHeight和innerWidth获取的是窗体的高与宽,外部因素如(浏览器开发者选项,收藏夹)会对它有影响,而内部因素(滚动条)则对其没有影响
下面说一下槽点最多的IE，关于IE兼容性的问题，可以这样解决
//兼容代码可以这样子写
var width = window.innerWidth,height = window.innerHeight;
if (typeof width != 'number') { //如果类型不为number,表示该浏览器不支持innerWidth属性
if (document.compatMode == 'CSS1Compat') { //CSS1Compat：判断是否为标准兼容模式。
width = document.documentElement.clientWidth;
height = document.docuementElement.clientHeight;
} else { //不是标准模式,则有可能是IE6或及其以下版本(早期的浏览器对css进行解析时，并未遵守W3C标准)
width = document.body.clientWidth; //网页可见区域宽
height = document.body.clientHeight; //网页可见区域高
}
alert(width);
alert(height);
以上这篇浅谈JavaScript的innerWidth与innerHeight就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持黑区网络。