Javascript 调整窗口大小时更新窗口内部高度

Javascript 调整窗口大小时更新窗口内部高度,javascript,window,height,window-resize,Javascript,Window,Height,Window Resize,到目前为止,我已经成功地使Id具有与窗口相同的内部高度。 但是,当我调整窗口大小时,高度保持不变 无论何时调整窗口的大小,是否有人可以帮助我将Id设置为与窗口相同的内部高度? 下面是代码 function height() { var h = window.innerHeight; document.getElementById("id").style.height = h+'px'; } height(); 您可以使用: window.onresize = function(event

到目前为止,我已经成功地使Id具有与窗口相同的内部高度。 但是,当我调整窗口大小时,高度保持不变

无论何时调整窗口的大小,是否有人可以帮助我将Id设置为与窗口相同的内部高度? 下面是代码

function height()
{
var h = window.innerHeight;

document.getElementById("id").style.height = h+'px'; 
}

height();
您可以使用:

window.onresize = function(event) {
    var h = window.innerHeight;
    document.getElementById("id").style.height = h+'px'; 
};

这种方法可以更好地处理现有的事件处理程序:

window.addEventListener('resize',function(){
  document.getElementById("id").style.height = window.innerHeight + 'px';
});

嘿,谢谢。我试过了,但似乎不起作用。只有我的代码有效。在这里,我认为您看到的是您的代码正在立即启动,而我们的代码正在等待window.resize()事件。然而,所有三个div都不能占据100%的空间,所以因为您的是第一个div,所以它就是我们看到的那个div。啊好的。现在我明白了。:)非常感谢你的帮助,伙计。嘿,谢谢。我试过了,但似乎不起作用。只有我的代码有效。看这里