小智keroa
2016-12-30 12:21
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); 以上三种获取的值都不同,何解?
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的高也会发生变化。
值的不同,是由于代码的不同,这很明显,而你不懂,是不知道英文单词的意思,查查就知道了
JavaScript进阶篇
468196 学习 · 21891 问题
相似问题