zoukankan      html  css  js  c++  java
  • js读取屏幕长宽

    网页可见区域宽 document.body.clientWidth 
    网页可见区域高 document.body.clientHeight 
    网页可见区域宽(包括边线的宽) document.body.offsetWidth 
    网页可见区域高(包括边线的宽) document.body.offsetHeight 
    网页正文全文宽 document.body.scrollWidth 
    网页正文全文高 document.body.scrollHeight 
    网页被卷去的高 document.body.scrollTop 
    网页被卷去的左 document.body.scrollLeft 
    网页正文部分上 window.screenTop 
    网页正文部分左 window.screenLeft 
    屏幕分辨率的高 window.screen.height 
    屏幕分辨率的宽 window.screen.width 
    屏幕可用工作区高度 window.screen.availHeight 
    屏幕可用工作区宽度 window.screen.availWidth

    把以下这段代码放到<head></head>之间或<body></body>之间预览即可看到数据
    <script language="javascript" type="text/javascript">

    width_screen=screen.width;
    height_screen=screen.height;
    availWidth_screen=screen.availWidth;
    availHeight_screen=screen.availHeight;
    colorDepth_screen=screen.colorDepth;


    document.write("你的屏幕宽为:"+width_screen+"<br />你的屏幕高为:"+height_screen+"<br />你的屏幕可用宽为:"+availWidth_screen+"<br />你的屏幕可用高为:"+availHeight_screen+"<br />你的颜色设置所有为数为:"+colorDepth_screen);

    </script>

    <script language="javascript">
    function screenInfo(){
       var s = "";
      s += " 网页可见区域宽:"+ document.body.clientWidth;
      s += " 网页可见区域高:"+ document.body.clientHeight;
      s += " 网页可见区域宽:"+ document.body.offsetWidth +" (包括边线的宽)";
      s += " 网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
      s += " 网页正文全文宽:"+ document.body.scrollWidth;
      s += " 网页正文全文高:"+ document.body.scrollHeight;
      s += " 网页被卷去的高:"+ document.body.scrollTop;
      s += " 网页被卷去的左:"+ document.body.scrollLeft;
      s += " 网页正文部分上:"+ window.screenTop;
      s += " 网页正文部分左:"+ window.screenLeft;
      s += " 屏幕分辨率的高:"+ window.screen.height;
      s += " 屏幕分辨率的宽:"+ window.screen.width;
      s += " 屏幕可用工作区高度:"+ window.screen.availHeight;
      s += " 屏幕可用工作区宽度:"+ window.screen.availWidth;
      alert(s);
    }
    </script>

  • 相关阅读:
    mysql的安装、启动和基础配置 —— windows版本
    Navicat安装及简单使用
    期货黄金与现货黄金比较
    android 网络编程--socket tcp/ip udp http之间的关系
    socket、tcp、udp、http 的认识及区别
    Android数据传递的五种方法汇总
    android 应用程序Activity之间数据传递与共享的几种途径
    Android数据存储的五种方法汇总
    Android终端与服务器数据传输解决方案
    转载 解决Android与服务器交互大容量数据问题
  • 原文地址:https://www.cnblogs.com/jxrichar/p/3906195.html
Copyright © 2011-2022 走看看