WEB开发，网页可用到的浏览器属性

最新推荐文章于 2024-08-09 15:13:41 发布

最新推荐文章于 2024-08-09 15:13:41 发布 · 156 阅读

文章标签：

#浏览器 #Web #JavaScript #工作 #ViewUI

javascript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用JavaScript来获取网页及浏览器的各种尺寸信息的方法，包括可见区域、滚动位置、屏幕分辨率等，对于前端开发人员来说非常实用。

做个记号，

做WEB前端开发，少不了跟浏览器打交道，但是有些跟像素有关的，又少了不这些。。

<SCRIPT LANGUAGE="JavaScript">
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;
alert(s);
</SCRIPT>