我有一些 CSS 需要主体设置高度,但这需要根据用户来完成。
我编写了一些有效的代码 - 它计算窗口高度但不改变主体高度。我做错了什么?
function setWindowHeight(){
var windowHeight = window.innerHeight;
document.getElementsByTagName('body').style.height = windowHeight + "px";
}
最佳答案
您需要添加一个 eventListener,并且您不需要使用 getElementsByTagName 因为只有 1 个 body 标签:
function setWindowHeight(){
var windowHeight = window.innerHeight;
document.body.style.height = windowHeight + "px";
console.log(document.body.style.height);
}
window.addEventListener("resize",setWindowHeight,false);
或者,如果你想使用,你可以这样做:
function setWindowHeight(){
var windowHeight = window.innerHeight;
document.getElementsByTagName('body')[0].style.height = windowHeight + "px";
console.log(document.body.style.height);
//---------------------------------------´
//will get the first element tagged body
}
window.addEventListener("resize",setWindowHeight,false);
编辑(更改了上面的代码):您可以在 Firefox 控制台中检查该值。打开它(CTRL + SHIFT + K)并调整窗口大小,您将看到 resize 事件在您执行此操作时被触发。
关于javascript - JS - 使用当前窗口大小设置窗口高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14505224/