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

    <script language="javascript">

    function screenInfo(){

        var  s = "";

       s += "\r\n网页可见区域宽:"+ document.body.clientWidth;

       s += "\r\n网页可见区域高:"+ document.body.clientHeight;

       s += "\r\n网页可见区域宽:"+ document.body.offsetWidth  +" (包括边线的宽)";

       s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";

       s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;

       s += "\r\n网页正文全文高:"+ document.body.scrollHeight;

       s += "\r\n网页被卷去的高:"+ document.body.scrollTop;

       s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;

       s += "\r\n网页正文部分上:"+ window.screenTop;

       s += "\r\n网页正文部分左:"+ window.screenLeft;

       s += "\r\n屏幕分辨率的高:"+ window.screen.height;

       s += "\r\n屏幕分辨率的宽:"+ window.screen.width;

       s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;

       s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;

       alert(s);

    }

    </script>

  • 相关阅读:
    优化SQL查询:如何写出高性能SQL语句
    提高SQL执行效率的16种方法
    Spring Ioc DI 原理
    java内存泄漏
    转:js闭包
    LeetCode Best Time to Buy and Sell Stock III
    LeetCode Best Time to Buy and Sell Stock with Cooldown
    LeetCode Length of Longest Fibonacci Subsequence
    LeetCode Divisor Game
    LeetCode Sum of Even Numbers After Queries
  • 原文地址:https://www.cnblogs.com/webu/p/2697491.html
Copyright © 2011-2022 走看看