zoukankan      html  css  js  c++  java
  • 网页中各种宽高

            function getInfo() {
                var s = "";
                s += " 网页可见区域宽:" + document.body.clientWidth + "\r\n ";
                s += " 网页可见区域高:" + document.body.clientHeight + "\r\n ";
                s += " 网页可见区域宽:" + document.body.offsetWidth + " (包括边线和滚动条的宽)" + "\r\n ";
                s += " 网页可见区域高:" + document.body.offsetHeight + " (包括边线的宽)" + "\r\n ";
                s += " 网页正文全文宽:" + document.body.scrollWidth + "\r\n ";
                s += " 网页正文全文高:" + document.body.scrollHeight + "\r\n ";
                s += " 网页被卷去的高(ff):" + document.body.scrollTop + "\r\n ";
                s += " 网页被卷去的高(ie):" + document.documentElement.scrollTop + "\r\n ";
                s += " 网页被卷去的左:" + document.body.scrollLeft + "\r\n ";
                s += " 网页正文部分上:" + window.screenTop + "\r\n ";
                s += " 网页正文部分左:" + window.screenLeft + "\r\n ";
                s += " 屏幕分辨率的高:" + window.screen.height + "\r\n ";
                s += " 屏幕分辨率的宽:" + window.screen.width + "\r\n ";
                s += " 屏幕可用工作区高度:" + window.screen.availHeight + "\r\n ";
                s += " 屏幕可用工作区宽度:" + window.screen.availWidth + "\r\n ";
                s += " 你的屏幕设置是 " + window.screen.colorDepth + " 位彩色" + "\r\n ";
                s += " 你的屏幕设置 " + window.screen.deviceXDPI + " 像素/英寸" + "\r\n ";
                s += " window的页面可视部分实际高度(ff) " + window.innerHeight + "\r\n ";
                alert(s);
            }
    
    作者:达奇
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    【Django】django 处理request流程细节(转)
    【Django】request 处理流程(转)
    【Django】中间件
    【HTML】DocType
    【CSS】伪类与伪元素
    【nodejs】nodejs 的linux安装(转)
    【chrome】 chrome 开发者工具
    【samba】samba 用户权限配置(转)
    form表单组件
    自定义分页器
  • 原文地址:https://www.cnblogs.com/dachie/p/1921357.html
Copyright © 2011-2022 走看看