zoukankan      html  css  js  c++  java
  • JS获取屏幕分辨率以及当前对象大小等

     1 <script type="text/javascript">
     2 function getInfo(){ 
     3      var s = "";   
     4       s += " 网页可见区域宽:"+ document.body.clientWidth+"
    ";    
     5       s += " 网页可见区域高:"+ document.body.clientHeight+"
    ";    
     6       s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"
    ";    
     7       s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"+"
    ";    
     8       s += " 网页正文全文宽:"+ document.body.scrollWidth+"
    ";    
     9       s += " 网页正文全文高:"+ document.body.scrollHeight+"
    ";    
    10       s += " 网页被卷去的高(ff):"+ document.body.scrollTop+"
    ";    
    11       s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop+"
    ";    
    12       s += " 网页被卷去的左:"+ document.body.scrollLeft+"
    ";    
    13       s += " 网页正文部分上:"+ window.screenTop+"
    ";    
    14       s += " 网页正文部分左:"+ window.screenLeft+"
    ";    
    15       s += " 屏幕分辨率的高:"+ window.screen.height+"
    ";    
    16       s += " 屏幕分辨率的宽:"+ window.screen.width+"
    ";    
    17       s += " 屏幕可用工作区高度:"+ window.screen.availHeight+"
    ";    
    18       s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+"
    ";    
    19       s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"
    ";    
    20       s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"
    ";    
    21       alert (s);
    22     }
    23     getInfo();
    24   </script>

    扩展,设置界面所有输入框宽度的语法如下:

     1  <script type="text/javascript" >
     2         //根据屏幕分辨率设置所有文本框的宽度
     3         var width = window.screen.width; //分辨率宽度
     4         var inputWidth = (width - 250) / 2 * 0.90; //场景是一个table里面有4列,分别是列名称1,列值1,列名称2,列值2;250是菜单栏的宽度,除以2就是每个文本框所在td(列值2)的宽度
     5         var doms = document.getElementsByTagName("input");
     6         if (doms != undefined && doms != null && doms.length > 0) {
     7             for (var i = 0; i < doms.length; i++) {
     8                 doms[i].style.width = inputWidth + "px";
     9              }
    10          }
    11     </script>

    转自:http://www.cnblogs.com/tearer/archive/2010/09/06/1819471.html

  • 相关阅读:
    java相关
    cmd批处理命令及powershell
    火狐浏览器调试模式
    windows 配置java环境变量
    Acwing-279-自然数拆分(背包)
    Acwing-278-数字组合(背包)
    Acwing-277-饼干(DP)
    Acwing-274-移动服务(DP)
    Acwing-275-传纸条(DP)
    Acwing-121-赶牛入圈(二分, 二维前缀和,离散化)
  • 原文地址:https://www.cnblogs.com/programsky/p/5802137.html
Copyright © 2011-2022 走看看