                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

瀏覽器寬高指的是什么

為什么我用截圖工具測量寬高是這樣的呢

是這樣測量的

qq_半夏c微涼_0

2018-06-13

源自：JavaScript進(jìn)階篇 8-15

關(guān)注問題我要回答

1636

操作

收起

2 回答

流浪的白小菜
2019-10-26

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>屏幕分辨率的高和寬</title>
</head>
<body>
<script?type="text/javascript">
document.write(?"屏幕寬度："+screen.width);
document.write(?"屏幕高度："+screen.height);?
var?s?="網(wǎng)頁可見區(qū)域?qū)挘?+?document.body.clientWidth;
s+="\r\n網(wǎng)頁可見區(qū)域高："+?document.body.clientHeight;
s?+=?"\r\n網(wǎng)頁正文全文寬："+?document.body.scrollWidth;
s?+=?"\r\n網(wǎng)頁正文全文高："+?document.body.scrollHeight;
s?+=?"\r\n網(wǎng)頁正文部分上："+?window.screenTop;
s?+=?"\r\n網(wǎng)頁正文部分左："+?window.screenLeft;
s?+=?"\r\n屏幕分辨率的高："+?window.screen.height;
s?+=?"\r\n屏幕分辨率的寬："+?window.screen.width;
s?+="\r\n屏幕可用工作區(qū)高度："+?window.screen.availHeight;
s?+="\r\n屏幕可用工作區(qū)寬度："+?window.screen.availWidth;
alert(s);
</SCRIPT>
</script>
</body>
</html>

整個電腦屏幕的寬和高（包含工具欄）

不包含工具欄的屏幕：

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕哥6617675
2018-06-13

<SCRIPT LANGUAGE="JavaScript">
var s ="網(wǎng)頁可見區(qū)域?qū)挘?+ document.body.clientWidth;
s+="\r\n網(wǎng)頁可見區(qū)域高："+ document.body.clientHeight;
s += "\r\n網(wǎng)頁正文全文寬："+ document.body.scrollWidth;
s += "\r\n網(wǎng)頁正文全文高："+ document.body.scrollHeight;
s += "\r\n網(wǎng)頁正文部分上："+ window.screenTop;
s += "\r\n網(wǎng)頁正文部分左："+ window.screenLeft;
s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的寬："+ window.screen.width;
s +="\r\n屏幕可用工作區(qū)高度："+ window.screen.availHeight;
s +="\r\n屏幕可用工作區(qū)寬度："+ window.screen.availWidth;
alert(s);
document.write(s)
</SCRIPT>