zoukankan      html  css  js  c++  java
  • js获取with和height屏幕浏览器的各种汇总

    Document 对象

    1、document.body.clientWidth、document.body.clientHeight

    返回网页可见区域宽高

    2、document.body.offsetWidth、document.body.offsetHeight

    返回网页可见区域宽高(包括边线的宽)

    3、document.body.scrollWidth、document.body.scrollHeight

    返回网页正文区域宽高

    4、document.body.scrollTop、document.body.scrollLeft

    返回网页被卷去的top宽度和left宽度

    Window 对象

    5、window.screenTop、window.screenLeft

    返回窗口相对于屏幕的X和Y坐标

    6、window.screen.height、window.screen.width

    返回屏幕分辨率的高和宽

    7、window.screen.availHeight、window.screen.availWidth

    返回屏幕可用工作区高宽

     

    Screen 对象

    8、screen.width、screen.height 

        返回显示屏幕的分辨率(宽,高)

    9、screen.availWidth、screen.availHeight

        返回显示屏幕的宽度和高度 (除 Windows 任务栏之外)

    <html>
    <script>
    function WandH(){
    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/*网页可见区域宽:"+document.body.clientWidth/*屏幕宽度*/
    +"<br />"+
    "网页正文全文高:"+document.body.scrollHeight/*网页可见区域高:"+document.body.clientHeight/*屏幕高度(可显)*/
    +"<br />"+
    "网页被卷去的高:"+document.body.scrollTop/*滚动高度*/
    +"<br />"+
    "网页被卷去的左:"+document.body.scrollLeft/*滚动宽度*/
    +"<br />"+
    "网页正文部分上:"+window.screenTop/*返回窗口相对于屏幕的X和Y坐标。*/
    +"<br />"+
    "网页正文部分左:"+window.screenLeft/**/
    +"<br />"+
    "屏幕分辨率的高:"+window.screen.height/*分辨率*/
    +"<br />"+
    "屏幕分辨率的宽:"+window.screen.width/*分辨率*/
    +"<br />"+
    "屏幕可用工作区高度:"+window.screen.availHeight/**/
    +"<br />"+
    "屏幕可用工作区宽度:"+window.screen.availWidth/**/
    );
    }
    </script>
    <body onLoad="WandH()" >
    </body>
    </html>
  • 相关阅读:
    第四篇--Beyond Compare4 试用期30天后
    第七篇--如何改变vs2017版的背景
    第四篇--git 上传可能出现的问题
    第六篇--MFC美化界面
    第五篇--VS2017如何生成Dll文件
    第四篇--窗体风格
    第四十八篇--数据库的增删改查
    第四十七篇--重命名包名的方法以及问题解决方法
    第三篇--如何修改exe文件版本号和文件信息
    《Java虚拟机原理图解》 1.1、class文件基本组织结构
  • 原文地址:https://www.cnblogs.com/chencheng365/p/4361902.html
Copyright © 2011-2022 走看看