Javascript 如何获取浏览器窗口的高度，然后将div的高度设置为该值
当我打开一个页面时，我想得到全高的背景图像。 我还没有开始使用jQuery，所以如果你能帮助我使用基本的js。这是我迄今为止尝试过的，但它不起作用Javascript 如何获取浏览器窗口的高度，然后将div的高度设置为该值,javascript,html,css,dom-events,Javascript,Html,Css,Dom Events,当我打开一个页面时，我想得到全高的背景图像。 我还没有开始使用jQuery，所以如果你能帮助我使用基本的js。这是我迄今为止尝试过的，但它不起作用 <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="assets/css/style
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<script type="text/javascript" src="assets/js/basic.js"></script>
<meta charset="UTF-8">
</head>
<body>
<header>
<div id="front-page" class="window_height_picture" onload="get_window_height()">
</div>
</header>
</body>
</html>
vh1vh100vh#头版{
高度：100vh；
}
vhvh1vh100vh#头版{
高度：100vh；
}
我在这里发布了一个关于堆栈溢出的不同问题的流行答案，其中详细介绍了
vh背景大小：cover用于背景图像
请参阅或。您可能已经注意到，在您提供的示例中，wordpress.com主题使用背景大小：封面用于背景图像
参见或。是的，就是这样。我不知道这么简单-谢谢你是的，就是这样。我不知道它这么简单-谢谢，是的，我使用了css属性，但如果我弄明白了，我认为它只适用于给定的高度和宽度，它不能将其设置为窗口高度，对吗？不，这确实不能将高度设置为视口的高度。我只是想确保你没有错过这个非常方便的属性：-）是的，我使用了css属性，但是如果我弄明白了，我认为这只适用于给定的高度和宽度，它不能将其设置为窗口高度，对吗？不，这确实不能将高度设置为视口的高度。只是想确保您不会错过这个非常方便的属性：-）
function get_window_height() {
var window_height = window.innerHeight;
document.getElementById('front-page').style.height = window_height + 'px';
}