JS获取终端屏幕、浏览窗口的相关信息
查看终端屏幕相关信息，在windows系统的控制面板可以查到分辨率且可以设置，更具体的浏览器可视窗口等信息则需要借助其他工具。而在程序里需要动态获取时该怎么做呢？
琢磨的一个js方法，供大家参考。如下：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>JS获取浏览器宽度</title> 6 </head> 7 <body onload="getInfos()"> 8 </body> 9 <script> 10 function getInfos() { 11 document.write( 12 "<h3>浏览器窗口信息如下: </h3>" + 13 "屏幕分辨率为：" + screen.width + "*" + screen.height 14 + "<br />" + 15 "屏幕可用大小：" + screen.availWidth + "*" + screen.availHeight 16 + "<br />" + 17 "网页可见区域宽：" + document.body.clientWidth 18 + "<br />" + 19 "网页可见区域高：" + document.body.clientHeight 20 + "<br />" + 21 "网页可见区域宽(含边线宽)：" + document.body.offsetWidth 22 + "<br />" + 23 "网页可见区域高(含边线宽)：" + document.body.offsetHeight 24 + "<br />" + 25 "网页正文全文宽：" + document.body.scrollWidth 26 + "<br />" + 27 "网页正文全文高：" + document.body.scrollHeight 28 + "<br />" + 29 "网页被卷去的高：" + document.body.scrollTop 30 + "<br />" + 31 "网页被卷去的左：" + document.body.scrollLeft 32 + "<br />" + 33 "网页正文部分上：" + window.screenTop 34 + "<br />" + 35 "网页正文部分左：" + window.screenLeft 36 + "<br />" + 37 "屏幕分辨率的高：" + window.screen.height 38 + "<br />" + 39 "屏幕分辨率的宽：" + window.screen.width 40 + "<br />" + 41 "屏幕可用工作区高度：" + window.screen.availHeight 42 + "<br />" + 43 "屏幕可用工作区宽度：" + window.screen.availWidth 44 ); 45 } 46 </script> 47 </html>
剩下的就是计算了，you try~
