調整窗口大小時更新窗口內部高度

到目前爲止，我已經成功使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

回答