JavaScript基础 兼容的写法 获取网页的宽度与高度
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript基础 兼容的写法 获取网页的宽度与高度相关的知识，希望对你有一定的参考价值。
镇场诗：
清心感悟智慧语，不着世间名与利。学水处下纳百川，舍尽贡高我慢意。
学有小成返哺根，愿铸一良心博客。诚心于此写经验，愿见文者得启发。
——————————————————————————————————————————
code:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title> 6 <script type="text/javascript"> 7 document.write("undefined 转成bool类型为:" + Boolean(undefined)+"<br />"); 8 9 //window.innerWidth 在IE7，8下为undefined。所以， 10 //一个兼容的写法就是: 11 var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth; 12 var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight; 13 14 document.write("网页的宽度: " + width + "<br />"); 15 document.write("网页的高度: " + height); 16 17 //老师们的智慧，很强！ 18 </script> 19 </head> 20 <body> 21 22 </body> 23 </html>
result:
——————————————————————————————————————————
博文的精髓，在技术部分，更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js，强，值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方，请留下评论，我会认真思考的。
注：因为博主境界不够，所以此文仅供测试与参考使用，不可用于其他用途。当参考博文内容时，代表您已接受使用条款。
以上是关于JavaScript基础 兼容的写法 获取网页的宽度与高度的主要内容，如果未能解决你的问题，请参考以下文章