zoukankan      html  css  js  c++  java
  • 【Html】网页获取屏幕宽高

    <html>
    <script>
    function size(){
    document.write(
    "屏幕分辨率为:"+screen.width+"*"+screen.height  //最好是window.screen
    +"<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="size()" >
    </body>
    </html>

    可以这个网页上测试:http://www.w3school.com.cn/tiy/t.asp

  • 相关阅读:
    索引的设计与使用
    字符集
    选择合适的数据类型
    java 23种设计模式 深入理解(转)
    进程间的通信方式
    SPRING的事务传播
    面向对象的五大基本原则
    J2EE中常用的名词解释
    JVM内存配置参数:
    域对象
  • 原文地址:https://www.cnblogs.com/mqxs/p/7883779.html
Copyright © 2011-2022 走看看