码迷,mamicode.com
首页 > Web开发 > 详细

js中获取宽高

时间:2018-05-21 12:23:36      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:部分   text   device   scroll   code   xdp   client   nbsp   alert   

<script type="text/javascript">
    function getWH() {
        var a = "";
        a += " 网页可见区域宽:" + document.body.clientWidth + "\n";
        a += " 网页可见区域高:" + document.body.clientHeight + "\n";
        a += " 网页可见区域宽:" + document.body.offsetWidth + " (包括边线和滚动条的宽)" + "\n";
        a += " 网页可见区域高:" + document.body.offsetHeight + " (包括边线的宽)" + "\n";
        a += " 网页正文全文宽:" + document.body.scrollWidth + "\n";
        a += " 网页正文全文高:" + document.body.scrollHeight + "\n";
        a += " 网页被卷去的高(ff):" + document.body.scrollTop + "\n";
        a += " 网页被卷去的高(ie):" + document.documentElement.scrollTop + "\n";
        a += " 网页被卷去的左:" + document.body.scrollLeft + "\n";
        a += " 网页正文部分上:" + window.screenTop + "\n";
        a += " 网页正文部分左:" + window.screenLeft + "\n";
        a += " 屏幕分辨率的高:" + window.screen.height + "\n";
        a += " 屏幕分辨率的宽:" + window.screen.width + "\n";
        a += " 屏幕可用工作区高度:" + window.screen.availHeight + "\n";
        a += " 屏幕可用工作区宽度:" + window.screen.availWidth + "\n";
        a += " 你的屏幕设置是 " + window.screen.colorDepth + " 位彩色" + "\n";
        a += " 你的屏幕设置 " + window.screen.deviceXDPI + " 像素/英寸" + "\n";
        alert(a);
    }
</script>

 

js中获取宽高

标签:部分   text   device   scroll   code   xdp   client   nbsp   alert   

原文地址:https://www.cnblogs.com/chbyiming-bky/p/9065875.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!