JS 获取屏幕大小

最新推荐文章于 2024-08-06 09:59:58 发布

原创最新推荐文章于 2024-08-06 09:59:58 发布 · 490 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用JavaScript获取屏幕尺寸及浏览器可视区域尺寸的方法。通过调用screen对象和document对象的相关属性，可以获取屏幕分辨率、可用区域大小、浏览器窗口尺寸等信息。

JS获取屏幕大小
<html>
<script>
function a(){
document.write(
"屏幕分辨率为："+screen.width+"*"+screen.height
+"<br />"+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"网页可见区域宽："+document.body.clientWidth
+"<br />"+
"网页可见区域高："+document.body.clientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽)："+document.body.offsetWidth 
+"<br />"+
"网页可见区域高(包括边线的宽)："+document.body.offsetHeight 
+"<br />"+
"网页正文全文宽："+document.body.scrollWidth
+"<br />"+
"网页正文全文高："+document.body.scrollHeight
+"<br />"+
"网页被卷去的高："+document.body.scrollTop
+"<br />"+
"网页被卷去的左："+document.body.scrollLeft
+"<br />"+
"网页正文部分上："+window.screenTop
+"<br />"+
"网页正文部分左："+window.screenLeft
+"<br />"+
"屏幕分辨率的高："+window.screen.height
+"<br />"+
"屏幕分辨率的宽："+window.screen.width
+"<br />"+
"屏幕可用工作区高度："+window.screen.availHeight
+"<br />"+
"屏幕可用工作区宽度："+window.screen.availWidth
);
}
</script>
<body onload="a()" >
</body>
</html>