脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-图解js中常用的判断浏览器窗体、用户屏幕可视区域大小位置的方法，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 有时我们需要获得浏览器窗口或屏幕的大小、窗口下拉框下拉的距离等数据，对应这些需求，js中提供了不少解决方法，只是数量稍多容易混淆它们各自的意义，下面咱们用图例来解释下12个常见对象属性的作用。
其中有6个常用的浏览器窗体属性（由于offsetWidth/Height在不同浏览器下表现有出入，故不在本章讨论）：
document.documentElement.clientWidth
document.documentElement.clientHeight
document.documentElement.scrollWidth
document.documentElement.scrollHeight
document.body.scrollTop
document.body.scrollLeft
和6个常用的屏幕对象属性：
window.screen.width
window.screen.height
window.screenTop
window.screenLeft
window.screen.availHeight
window.screen.availWidth
先贴下代码，方便各位先调试看下结果，要注意的地方是务必确保js代码在页面加载后才执行（放到最后面就得了），不然会出现body未加载完成则执行js代码，导致某些属性返回值为undefined：
htML>
2 <head>
3 <;meta charset="utf-8">
4 <tITle>无标题文档</title>
5 <style>
6 body{
7 margin:0;
8 }
9 </style>
10
11
12 </head>
13 <body>
14 <p id="dd" style="width:2000px; height:1800px; margin:0;">
15 啧啧，随便写点内容呗<br/><br/><br/>啧啧，随便写点内容呗啧啧，随便写点内容呗啧啧，随便写点内容呗<br/><br/><br/>啧啧，随便写点内容呗<br/><br/><br/>
16 啧啧，随便写点内容呗<br/><br/><br/>啧啧，随便写点内容呗啧啧，随便写点内容呗啧啧，随便写点内容呗<br/><br/><br/>啧啧，随便写点内容呗<br/><br/><br/>
17 啧啧，随便写点内容呗<br/><br/><br/>啧啧，随便写点内容呗<br/><br/><br/>啧啧，随便写点内容呗啧啧，随便写点内容呗啧啧，随便写点内容呗
18 </p>
19 </body>
20 <script>
21 console.LOG(document.documentElement.clientWidth+" "+document.documentElement.clientHeight+" "+document.documentElement.scrollWidth+" "
22 +document.documentElement.scrollHeight+" "+document.body.scrollTop+" "+document.body.scrollLeft
23 +" "+window.screen.width+" "+window.screen.height+" "+window.screenTop+" "+window.screenLeft
24 +" "+window.screen.availHeight+" "+window.screen.availWidth
25 );
26 </script>
27 </html>
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-图解js中常用的判断浏览器窗体、用户屏幕可视区域大小位置的方法全部内容，希望文章能够帮你解决javascript代码实例教程-图解js中常用的判断浏览器窗体、用户屏幕可视区域大小位置的方法所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。