JS 常用功能(持续收集中)

cwfmaker

于 2010-10-26 10:41:35 发布

阅读量122

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript 工作 HTML ViewUI

本文链接：https://blog.youkuaiyun.com/cwfmaker/article/details/83737265

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用JavaScript获取网页及浏览器窗口的各种尺寸信息的方法，包括网页可见区域、正文宽度、屏幕分辨率等，并通过实际代码展示了如何实现这些功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.获取各种相关分辨率:

<html>
<body>
<script LANGUGE="Javascript">
var s= "";
s += "<br>网页可见区域宽度:" +document.body.clientWidth;
s += "<br>网页可见区域高度:" +document.body.clientHeight;
s += "<br>网页可见区域宽度:" +document.body.offsetWidth+"(包括边线和滚动条)";
s += "<br>网页可见区域高度:" +document.body.offsetHeight+"(包括边线)";
s += "<br>网页正文全文宽:" +document.body.scrollWidth;
s += "<br>网页正文部分上:" +window.screenTop;
s += "<br>网页正文部分左:" +window.screenLeft;
s += "<br>屏幕分辨率高:" +window.screen.heiht;
s += "<br>屏幕分辨率宽:" +window.screen.width;
s += "<br>屏幕可用工作区高度:" +window.screen.availHeiht;
s += "<br>屏幕可用工作区宽度:" +window.screen.availWidth;
s += "<br>屏幕设置:" +window.screen.colorDepth+"位色彩";
s += "<br>屏幕设置:" +window.screen.deviceXDPI+"像素/英寸";
s += "<br>网页真实宽:" +document.documentElement.scrollWidth;
s += "<br>网页真实高:" +document.documentElement.scrollHeight;
document.write(s);
</script>
</body>
</html>