當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JS获取屏幕大小

發(fā)布時間：2025/3/13 javascript 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 JS获取屏幕大小小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

為尊重原創(chuàng)，該文出自博主：http://www.cnblogs.com/lf6112/archive/2011/07/26/2117348.html

<html>
<script>
function a(){
document.write(
"屏幕分辨率為："+screen.width+"*"+screen.height
+" "+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
+" "+
"網(wǎng)頁可見區(qū)域寬："+document.body.clientWidth
+" "+
"網(wǎng)頁可見區(qū)域高："+document.body.clientHeight
+" "+
"網(wǎng)頁可見區(qū)域寬(包括邊線的寬)："+document.body.offsetWidth?
+" "+
"網(wǎng)頁可見區(qū)域高(包括邊線的寬)："+document.body.offsetHeight?
+" "+
"網(wǎng)頁正文全文寬："+document.body.scrollWidth
+" "+
"網(wǎng)頁正文全文高："+document.body.scrollHeight
+" "+
"網(wǎng)頁被卷去的高："+document.body.scrollTop
+" "+
"網(wǎng)頁被卷去的左："+document.body.scrollLeft
+" "+
"網(wǎng)頁正文部分上："+window.screenTop
+" "+
"網(wǎng)頁正文部分左："+window.screenLeft
+" "+
"屏幕分辨率的高："+window.screen.height
+" "+
"屏幕分辨率的寬："+window.screen.width
+" "+
"屏幕可用工作區(qū)高度："+window.screen.availHeight
+" "+
"屏幕可用工作區(qū)寬度："+window.screen.availWidth
);
}
</script>
<body οnlοad="a()" >
</body>
</html>

轉載于:https://www.cnblogs.com/shy1766IT/p/3849174.html

總結

以上是生活随笔為你收集整理的JS获取屏幕大小的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。