窗口的outerHeight屬性用於返回瀏覽器窗口的外部高度。它包括所有接口元素,如工具欄、滾動條等。它是隻讀屬性,返回一個數字,表示瀏覽器窗口的高度(以像素為單位)。
用法:
window.outerHeight
以下示例程序旨在說明窗口的outerHeight屬性:
獲取瀏覽器窗口的高度。
html
<!DOCTYPE html>
<html>
<head>
<title>
Window outerHeight Property in HTML
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Window outerHeight Property</h2>
<p>
For returning the browser window's height,
double click the "Check Height" button:
</p>
<button ondblclick="pixel()">
Check Height
</button>
<p id="outerheight"></p>
<script>
function pixel() {
var height = window.outerHeight;
document.getElementById("outerheight").innerHTML =
"Height : " + height;
}
</script>
</body>
</html>
輸出:
單擊按鈕後:
支持的瀏覽器:支持的瀏覽器窗口 outerHeight 屬性列出如下:
- 穀歌瀏覽器1
- 邊 12
- 互聯網瀏覽器 9
- 火狐1
- Opera 9
- 狩獵3
相關用法
- HTML DOM Window outerWidth屬性用法及代碼示例
- HTML DOM Window opener屬性用法及代碼示例
- HTML DOM Window origin屬性用法及代碼示例
- HTML DOM Window stop()用法及代碼示例
- HTML DOM Window parent屬性用法及代碼示例
- HTML DOM Window frames屬性用法及代碼示例
- HTML DOM Window frameElement屬性用法及代碼示例
- HTML DOM Window closed屬性用法及代碼示例
- HTML DOM Window Scroll()用法及代碼示例
- HTML DOM Window scrollMaxX屬性用法及代碼示例
- HTML DOM Window scrollY屬性用法及代碼示例
- HTML DOM Window scrollMaxY屬性用法及代碼示例
- HTML DOM Window navigator屬性用法及代碼示例
- HTML DOM Window visualViewport屬性用法及代碼示例
- HTML DOM Window scrollX屬性用法及代碼示例
- HTML DOM Window speechSynthesis屬性用法及代碼示例
- HTML DOM Window performance屬性用法及代碼示例
- HTML DOM Window atob()用法及代碼示例
- HTML DOM Window resizeTo()用法及代碼示例
- HTML DOM Window moveTo()用法及代碼示例
- HTML DOM Window screenLeft屬性用法及代碼示例
- HTML DOM Window resizeBy()用法及代碼示例
- HTML DOM Window length屬性用法及代碼示例
- HTML DOM Window innerWidth屬性用法及代碼示例
- HTML DOM Window screenX屬性用法及代碼示例
注:本文由純淨天空篩選整理自Shubrodeep Banerjee大神的英文原創作品 HTML DOM Window outerHeight Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。