JS获取屏幕的宽度和高度

不念不忘少年蓝@ 2021-09-30 10:22 589阅读 0赞
  1. <html>
  2. <script>
  3.   function a(){
  4.     document.write(
  5.     "屏幕分辨率为:"+screen.width+"*"+screen.height
  6.     +"<br />"+
  7.     "屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight
  8.     +"<br />"+
  9.     "网页可见区域宽:"+document.body.clientWidth
  10.     +"<br />"+
  11.     "网页可见区域高:"+document.body.clientHeight
  12.     +"<br />"+
  13.     "网页可见区域宽(包括边线的宽):"+document.body.offsetWidth
  14.     +"<br />"+
  15.     "网页可见区域高(包括边线的宽):"+document.body.offsetHeight
  16.     +"<br />"+
  17.     "网页正文全文宽:"+document.body.scrollWidth
  18.     +"<br />"+
  19.     "网页正文全文高:"+document.body.scrollHeight
  20.     +"<br />"+
  21.     "网页被卷去的高:"+document.body.scrollTop
  22.     +"<br />"+
  23.     "网页被卷去的左:"+document.body.scrollLeft
  24.     +"<br />"+
  25.     "网页正文部分上:"+window.screenTop
  26.     +"<br />"+
  27.     "网页正文部分左:"+window.screenLeft
  28.     +"<br />"+
  29.     "屏幕分辨率的高:"+window.screen.height
  30.     +"<br />"+
  31.     "屏幕分辨率的宽:"+window.screen.width
  32.     +"<br />"+
  33.     "屏幕可用工作区高度:"+window.screen.availHeight
  34.     +"<br />"+
  35.     "屏幕可用工作区宽度:"+window.screen.availWidth
  36.     );
  37.   }
  38. </script>
  39. <body οnlοad="a()" >
  40. </body>
  41. </html>

转载于:https://www.cnblogs.com/xsffliu/p/7217500.html

发表评论

表情:
评论列表 (有 0 条评论,589人围观)

还没有评论,来说两句吧...

相关阅读