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

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

任何人都可以帮助我使Id与窗口的大小一致吗？下面是代码

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

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

height();

这种方法可能与现有的事件处理程序起到更好：

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

2014-10-31 21:51:43

嘿谢谢。我已经尝试过，但似乎没有工作。只有我的代码有效。看到这里[链接]（http://jsfiddle.net/snc06gws/） – 2014-10-31 23:01:28

我认为你看到的是你的代码是直接射击，而我们正在等待window.resize（）事件。但是，所有三个div都不能占据100％的空间，所以既然你是第一个，那就是我们看到的。 http://jsfiddle.net/m6nto9ns/3/ – 2014-11-01 00:08:41

好的。现在我明白了。 :)非常感谢你的帮助队友。 – 2014-11-01 01:32:02

你可以使用：

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

2014-10-31 21:42:13 Zak

嘿感谢。我已经尝试过，但似乎没有工作。只有我的代码有效。看到这里[链接]（http://jsfiddle.net/snc06gws/） – 2014-10-31 23:02:37

回答