js 获取屏幕数据

最新推荐文章于 2024-06-25 09:57:50 发布

xiongxyt2

最新推荐文章于 2024-06-25 09:57:50 发布

阅读量1.2k

点赞数

分类专栏： JavaSript

本文链接：https://blog.csdn.net/xiongxyt2/article/details/8111862

版权

JavaSript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

 function screenInfo() {
            var s = "";
            s += "\r\n网页可见区域宽：" + document.body.clientWidth;
            s += "\r\n网页可见区域高：" + document.body.clientHeight;
            s += "\r\n网页可见区域宽：" + document.body.offsetWidth + " (包括边线的宽)";
            s += "\r\n网页可见区域高：" + document.body.offsetHeight + " (包括边线的宽)";
            s += "\r\n网页正文全文宽：" + document.body.scrollWidth;
            s += "\r\n网页正文全文高：" + document.body.scrollHeight;
            s += "\r\n网页被卷去的高：" + document.body.scrollTop;
            s += "\r\n网页被卷去的左：" + document.body.scrollLeft;
            s += "\r\n网页正文部分上：" + window.screenTop;
            s += "\r\n网页正文部分左：" + window.screenLeft;
            s += "\r\n屏幕分辨率的高：" + window.screen.height;
            s += "\r\n屏幕分辨率的宽：" + window.screen.width;
            s += "\r\n屏幕可用工作区高度：" + window.screen.availHeight;
            s += "\r\n屏幕可用工作区宽度：" + window.screen.availWidth;
            s += "\r\n图片高度：" + document.getElementById("img1").height;
            s += "\r\n图片宽度：" + document.getElementById("img1").width;
            alert(s);
        }

说一下clientWidth和screen.availwidth的区别

clientWidth：可见区域宽，触屏设备中包括通过左右移动能够出现的总宽度。

screen.availwidth：屏幕工作区的宽度，在触屏设备中也仅仅代表屏幕宽度（不包括通过触屏移动时出现的宽度）