zoukankan      html  css  js  c++  java
  • JS获取屏幕大小

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

    转:

    风飘零 

    JS获取屏幕大小

  • 相关阅读:
    spring-cloud 微服务
    oracle高级部分
    RabbitMq
    如何创建个人网站
    redis
    restFull api接口
    mongodb replSet upgrade
    mongodb sharding upgrade
    Oracle索引梳理系列(三)- Oracle索引种类之反向索引
    Oracle索引梳理系列(二)- Oracle索引种类及B树索引
  • 原文地址:https://www.cnblogs.com/wangfuyou/p/5445159.html
Copyright © 2011-2022 走看看