javascript - 在 JAVASCRIPT 中将 div 高度设置为 window.innerHeight

Question

我想将元素的div高度设置为浏览器的innerHeight。我不希望 css 或 jQuery 出现在这里。它必须通过调整窗口大小动态更改其高度。所以我制作了这个脚本，但它并没有像我想的那样工作。

这是我的代码:

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

有人可以更正我的代码并使其正常工作吗？任何帮助将不胜感激。

谢谢。

jsFIDDLE

您可以将 height:500px; 添加到左侧元素。看看我想要什么。但我需要适应浏览器的高度。

已解决

//<![CDATA[ 
            function resize()
            {
                var heights = window.innerHeight;
                document.getElementById("left").style.height = heights -50 + "px";
            }
            resize();
            window.onresize = function() {
                resize();
            };
            //]]>  

感谢 Thirumalai murugan 的回答。

Answer 1

可以用 CSS3 来完成:

只需使用 Viewport-Percentage Lengths 设置 div 高度

div {
    height:100vh;
}

similar question and detailed info here