                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

瀏覽器寬高指的是什么

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

是這樣測量的

qq_半夏c微涼_0

2018-06-13

源自：JavaScript進階篇 8-15

關注問題我要回答

1640

操作

收起

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?="網頁可見區域寬："+?document.body.clientWidth;
s+="\r\n網頁可見區域高："+?document.body.clientHeight;
s?+=?"\r\n網頁正文全文寬："+?document.body.scrollWidth;
s?+=?"\r\n網頁正文全文高："+?document.body.scrollHeight;
s?+=?"\r\n網頁正文部分上："+?window.screenTop;
s?+=?"\r\n網頁正文部分左："+?window.screenLeft;
s?+=?"\r\n屏幕分辨率的高："+?window.screen.height;
s?+=?"\r\n屏幕分辨率的寬："+?window.screen.width;
s?+="\r\n屏幕可用工作區高度："+?window.screen.availHeight;
s?+="\r\n屏幕可用工作區寬度："+?window.screen.availWidth;
alert(s);
</SCRIPT>
</script>
</body>
</html>

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

不包含工具欄的屏幕：

1 回復有任何疑惑可以回復我~

收起回答

慕哥6617675
2018-06-13

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