浏览器窗口可视区域大小
2016-07-24 11:16
381 查看
</pre><pre name="code" class="html"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <script type="text/javascript"> var w1=document.documentElement.scrollWidth; var h1=document.documentElement.scrollHeight; var w2=document.documentElement.clientWidth; var h2=document.documentElement.clientHeight; var w3=document.documentElement.offsetWidth; var h3=document.documentElement.offsetHeight; var w4=document.body.scrollWidth; var h4=document.body.scrollHeight; var w5=document.body.clientWidth; var h5=document.body.clientHeight; var w6=document.body.offsetWidth; var h6=document.body.offsetHeight; var w7=window.innerWidth; var h7=window.innerHeight; document.write("document.documentElement.scrollWidth----宽:"+w1+"<br>document.documentElement.scrollHeight---高:"+h1+"<br/>"+"<br>document.documentElement.clientWidth----宽:"+w2+"<br>document.documentElement.clientHeight---高:"+h2+"<br/>"+"<br>document.documentElement.offsetWidth----宽:"+w3+"<br>document.documentElement.offsetHeight---高:"+h3+"<br/>"+"<br>document.body.scrollWidth---------------宽:"+w4+"<br>document.body.scrollHeight--------------高:"+h4+"<br/>"+"<br>document.body.clientWidth---------------宽:"+w5+"<br>document.body.clientHeight--------------高:"+h5+"<br/>"+"<br>document.body.offsetWidth---------------宽:"+w6+"<br>document.body.offsetHeight--------------高:"+h6+"<br/>"+"<br>window.innerWidth-----------------------宽:"+w7+"<br>window.innerHeight----------------------高:"+h7) </script> <br/><br/><br/><br/> • window.innerHeight - 浏览器窗口的内部高度<br/> • window.innerWidth - 浏览器窗口的内部宽度<br/> • document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。<br/> • document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。<br/> • Document对象的body属性对应HTML文档的<body>标签<br/> • document.body.clientHeight<br/> • document.body.clientWidth<br/> • scrollHeight 4000 是网页内容实际高度,可以小于 clientHeight。<br/> • scrollHeight 是网页内容高度,不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 。<br/> • offsetHeight = clientHeight + 滚动条 + 边框。<br/> </body> </html>
使用js区分了不同查看方式的浏览器窗口可视区域大小
相关文章推荐
- java-WEB中的监听器Lisener
- Android Manifest 用法
- Android学习笔记(二九):嵌入浏览器
- GUI - Web前端开发框架
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- Extjs4.0 最新最全视频教程
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- MyEclipse Web Project转Eclipse Dynamic Web Project
- axis备忘
- 回顾 Firefox 历史
- 小白观察:微软释放出其基于 Chromium 的 Edge 浏览器
- 创业如何选择WEB开发语言
- 浏览器 cookie 限制
- Erlang实现的一个Web服务器代码实例
- 防止网页脚本病毒执行的方法-from web
- 自学成才的秘密:115个 web Develop 资源
- 玩转浏览器IE7的5个顶级使用技巧
- 字符集导致的浏览器跨站脚本攻击分析
- 使用批处理修改web打印设置笔记 适用于IE
- Apache Web让JSP“动”起来