zoukankan      html  css  js  c++  java
  • js获取浏览器尺寸

    Javascript:

    alert(document.body.clientWidth);        //网页可见区域宽(body)

    alert(document.body.clientHeight);       //网页可见区域高(body)

    alert(document.body.offsetWidth);       //网页可见区域宽(body),包括border、margin等

    alert(document.body.offsetHeight);      //网页可见区域宽(body),包括border、margin等

    alert(document.body.scrollWidth);        //网页正文全文宽,包括有滚动条时的未见区域

    alert(document.body.scrollHeight);       //网页正文全文高,包括有滚动条时的未见区域

    alert(document.body.scrollTop);           //网页被卷去的Top(滚动条)

    alert(document.body.scrollLeft);           //网页被卷去的Left(滚动条)

    alert(window.screenTop);                     //浏览器距离Top

    alert(window.screenLeft);                     //浏览器距离Left

    alert(window.screen.height);                //屏幕分辨率的高

    alert(window.screen.width);                 //屏幕分辨率的宽

    alert(window.screen.availHeight);          //屏幕可用工作区的高

    alert(window.screen.availWidth);           //屏幕可用工作区的宽

    Jquery

    alert($(window).height());                           //浏览器当前窗口可视区域高度

    alert($(document).height());                        //浏览器当前窗口文档的高度

    alert($(document.body).height());                //浏览器当前窗口文档body的高度

    alert($(document.body).outerHeight(true));  //浏览器当前窗口文档body的总高度 包括border padding margin

    alert($(window).width());                            //浏览器当前窗口可视区域宽度

    alert($(document).width());                        //浏览器当前窗口文档对象宽度

    alert($(document.body).width());                //浏览器当前窗口文档body的宽度

    alert($(document.body).outerWidth(true));  //浏览器当前窗口文档body的总宽度 包括border padding margin

    <!DOCTYPE html>
    <script src="jquery-1.5.1.min.js" type="text/javascript"></script>
    <html>
      <head>
        <title>aaa</title>
      </head>
      <body>
    <h1>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaa</h1>
        <p>Welcome to aaa</p>
    <h1>aaa</h1>
    <h1>aaa</h1>
    <h1>aaa</h1>
    <h1>aaa</h1>
    <h1>aaa</h1>
    <h1>aaa</h1>
    <h1>aaa</h1>
    <h1>aaa</h1>
    <h1>aaa</h1>
    <h1>aaa</h1>
    <h1>aaa</h1>
    <h1>aaa</h1>
    <h1>aaa</h1>
      </body>
    </html>
    
    <script type="text/javascript">
    alert(document.body.clientWidth);
    alert(document.body.clientHeight);
    alert(document.body.offsetWidth);
    alert(document.body.offsetHeight);
    
    alert(document.body.scrollWidth);
    alert(document.body.scrollHeight);
    
    alert(document.body.scrollTop);
    alert(document.body.scrollLeft);
    alert(window.screenTop);
    alert(window.screenLeft);
    alert(window.screen.height);
    alert(window.screen.width);
    alert(window.screen.availHeight);
    alert(window.screen.availWidth);
    
    //alert($(document).height()); 
    //alert($(document).width());
    </script>
  • 相关阅读:
    Building a flexiable renderer
    Indirect Illumination in mental ray
    我的心情
    Cellular Automata
    Subsurface Scattering in mental ray
    Shader Types in mental ray
    BSP Traversal
    我的渲染器终于达到了MR的速度
    How to handle displacement and motion blur
    说明
  • 原文地址:https://www.cnblogs.com/zonglonglong/p/4920934.html
Copyright © 2011-2022 走看看