javascript如何獲得動態高度（當我調整瀏覽器的大小時）

Question

我試圖從div得到height，因爲我想在高度值大於設定值時將溢出風格添加到css中。當您調整此div更改的窗口高度時。我會用一些圖片解釋：

的主要問題是如何動態地得到它？我的意思是，當你調整自己的窗戶等？

Answer 1

我想你要找的監視瀏覽器變量...

window.innerHeight 

window.innerWidth 

每當您檢查/調用這些變量，你應該得到確切的窗口內的大小，並把它從那裏。

注意：這些變量（常量對我們）區分大小寫。

Answer 2

如果你能夠使用jQuery，我會建議使用window.onresize方法並計算div的高度。

$(document).ready(function() 
{ 
    $(window).on("resize", function() 
    { 
     $("#myDiv").text("My height is " + $("#myDiv").height()); 
    });               
});​ 

看看這個小提琴我爲你創建：http://jsfiddle.net/9ftGe/

我希望這是你想要的。