JS获取当前网页大小以及屏幕分辨率等

前端技术 2023/09/04 JavaScript

效果如下：

代码如下：

<html>
<head>
<title>获取当前对象大小以及屏幕分辨率等</title>
<body>
<div style=\" width:88%;margin:30px auto; color:blue;\" id=\"div_html\">
</div>
<script type=\"text/javascript\">
var s = \"\"; 
s += \" 网页可见区域宽：\"+ document.body.clientWidth+\"<br />\"; 
s += \" 网页可见区域高：\"+ document.body.clientHeight+\"<br />\"; 
s += \" 网页可见区域宽：\"+ document.body.offsetWidth + \" (包括边线和滚动条的宽)\"+\"<br />\"; 
s += \" 网页可见区域高：\"+ document.body.offsetHeight + \" (包括边线的宽)\"+\"<br />\"; 
s += \" 网页正文全文宽：\"+ document.body.scrollWidth+\"<br />\"; 
s += \" 网页正文全文高：\"+ document.body.scrollHeight+\"<br />\"; 
s += \" 网页被卷去的高(ff)：\"+ document.body.scrollTop+\"<br />\"; 
s += \" 网页被卷去的高(ie)：\"+ document.documentElement.scrollTop+\"<br />\"; 
s += \" 网页被卷去的左：\"+ document.body.scrollLeft+\"<br />\"; 
s += \" 网页正文部分上：\"+ window.screenTop+\"<br />\"; 
s += \" 网页正文部分左：\"+ window.screenLeft+\"<br />\"; 
s += \" 屏幕分辨率的高：\"+ window.screen.height+\"<br />\"; 
s += \" 屏幕分辨率的宽：\"+ window.screen.width+\"<br />\"; 
s += \" 屏幕可用工作区高度：\"+ window.screen.availHeight+\"<br />\"; 
s += \" 屏幕可用工作区宽度：\"+ window.screen.availWidth+\"<br />\"; 
s += \" 你的屏幕设置是 \"+ window.screen.colorDepth +\" 位彩色\"+\"<br />\"; 
s += \" 你的屏幕设置 \"+ window.screen.deviceXDPI +\" 像素/英寸\"+\"<br />\"; 

document.getElementById(\"div_html\").innerHTML = s;
</script>
</body>
</html>

代码说明图如下：

本文地址：https://www.stayed.cn/item/11093

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案