查看终端屏幕相关信息，在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~

JS获取终端屏幕、浏览窗口的相关信息的更多相关文章

  1. js 获取 网页屏幕高度 窗口高度 元素高度 滚动高度

    常用: JS 获取浏览器窗口大小 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 // 获取窗口宽度 if (window.innerWidth) winWidth = ...

  2. js获取网页屏幕可视区域高度

    document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.document ...

  3. js获取网页屏幕可见区域高度

    document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.docume ...

  4. [js]获取网页屏幕可见区域高度

    document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.docume ...

  5. JS获取当前屏幕宽高

    Javascript: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.b ...

  6. js获取或设置当前窗口url参数

    直接上代码 // 获取当前窗口url中param参数的值 function get_param(param){ var query = location.search.substring(1).spl ...

  7. JS获取元素的offsetTop,offsetLeft等相关属性

    1. obj.clientWidth //获取元素的宽度 obj.clientHeight //元素的高度 obj.offsetLeft //元素相对于父元素的left obj.offsetTop / ...

  8. js获取整个屏幕的尺寸

    原文 首先获取屏幕宽度:window.screen.width;    //整个屏幕的宽度. 然后获取屏幕高度:window.screen.height;     //整个屏幕的高度. 获取可用工作区 ...

  9. js获取手机屏幕宽度、高度

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...

随机推荐

  1. vmware9.0 安装ios10.8应该注意的地方

    今天终于在我的thinkpad t400上面按照好了ios系统 我的硬件配置:cpu:p8700,内存:ddr3,6g 安装的版本:ios10.8 vmware的版本是vmware9.0 安装好的io ...

  2. Intra-cluster Replication in Apache Kafka--reference

    Kafka is a distributed publish-subscribe messaging system. It was originally developed at LinkedIn a ...

  3. linux shell pushd popd dirs命令

    1.dirs 1)功能显示当前目录栈中的所有记录(不带参数的dirs命令显示当前目录栈中的记录) 2)语法(1)格式:dirs  [-clpv]  [+n]  [-n](2)选项-c    删除目录栈 ...

  4. Android（java）学习笔记187：Android中操作XML数据（使用Pull解析器）

    1. Pull解析器的运行方式与 SAX 解析器相似.它提供了类似的事件,如:开始元素和结束元素事件,使用parser.next()可以进入下一个元素并触发相应事件.跟SAX不同的是, Pull解析器 ...

  5. pnd_start_2

    试过才知道一点都不简单,虽然表现出的逻辑是错的,但是至少运行上是正确的.

  6. MVC缓存,使用数据层缓存,添加或修改时让缓存失效

    在"MVC缓存01,运用控制器缓存或数据层缓存"中,在数据层中可以设置缓存的有用时刻.但这个还不够"智能",常常期望在修改或创立的时分使缓存失效,加载新的数据. ...

  7. linux下实现redis共享session的tomcat集群

    为了实现主域名与子域名的下不同的产品间一次登录,到处访问的效果,因此采用rediss实现tomcat的集群效果.基于redis能够异步讲缓存内容固化到磁盘上,从而当服务器意外重启后,仍然能够让sess ...

  8. Effective C++ 笔记三 资源管理

    条款13:以对象管理资源 许多资源被动态分配于heap内而后被用于单一区块或函数内.它们应该在控制流离开那个区块或函数时被释放.标准程序库提供的auto_ptr正是针对这种形式而设计的特制产品.aut ...

  9. Java重写和重载的区别

    区别点 重载方法 重写方法 参数列表 必须修改 一定不能修改 返回类型 可以修改 一定不能修改 异常 可以修改 可以减少或删除,一定不能抛出新的或者更广的异常 访问 可以修改 一定不能做更严格的限制( ...

  10. c语言训练题：关于张三李四王五说谎的问题（此处用javascript实现）

    (第一篇博文) 今天在一个交流群里见他们无聊,然后找到之前收藏的一些c语言题目放出去想让他们做,结果反倒是自己不会做,于是花了很多时间去想. 原题:张三说李四在说谎,李四说王五在说谎,王五说张三和李四 ...