📌  相关文章
📜  HTML |窗口外层高度属性(1)

📅  最后修改于: 2023-12-03 15:31:16.190000             🧑  作者: Mango

HTML | 窗口外层高度属性

在 HTML 中，可以使用窗口外层高度属性（outerHeight）来获取浏览器窗口的完整高度，包括浏览器边框、工具栏等。

用法

可以通过 window.outerHeight 来获取浏览器窗口的完整高度。

console.log(window.outerHeight);
实例
<!DOCTYPE html>
<html>
<head>
	<title>outerHeight</title>
	<script type="text/javascript">
		function getWindowHeight() {
			alert(window.outerHeight);
		}
	</script>
</head>
<body>
	<button onclick="getWindowHeight()">获取窗口高度</button>
</body>
</html>

单击按钮后，将显示窗口的高度。

兼容性

所有主流浏览器，包括 IE8+。

总结

在 HTML 中，使用窗口外层高度属性可以获取浏览器窗口的完整高度，比如浏览器边框、工具栏等。这个属性可以在很多场景中使用，比如在需要自适应浏览器窗口大小的网站中。