zoukankan      html  css  js  c++  java
  • 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~

  • 相关阅读:
    Java实现币值最大化问题
    Java实现币值最大化问题
    Java实现币值最大化问题
    Java实现币值最大化问题
    ddd
    雷军:小米最坏的时候已过去 2017目标营收千亿(确实有些新意)
    真正的转变从不确定中来
    很多人知道自己的斤两,他之所以抱怨工资低,不是觉得薪水和自己的能力不匹配,而是因为工资确实不够用(笑死了)
    CodeSmith
    sb2-admin
  • 原文地址:https://www.cnblogs.com/ictlight-moving-on-1/p/5476815.html
Copyright © 2011-2022 走看看