我想将元素的div高度设置为浏览器的innerHeight。我不希望 css 或 jQuery 出现在这里。它必须通过调整窗口大小动态更改其高度。所以我制作了这个脚本,但它并没有像我想的那样工作。
这是我的代码:
window.onload=
window.onresize=function(){
var left = document.getElementById("left");
var height = window.innerHeight;
left.style.height = 'height +('px')';
}
有人可以更正我的代码并使其正常工作吗?任何帮助将不胜感激。
谢谢。
您可以将 height:500px;
添加到左侧元素。看看我想要什么。但我需要适应浏览器的高度。
已解决
//<![CDATA[
function resize()
{
var heights = window.innerHeight;
document.getElementById("left").style.height = heights -50 + "px";
}
resize();
window.onresize = function() {
resize();
};
//]]>
感谢 Thirumalai murugan 的回答。
最佳答案
可以用 CSS3 来完成:
只需使用 Viewport-Percentage Lengths 设置 div 高度
div {
height:100vh;
}
关于javascript - 在 JAVASCRIPT 中将 div 高度设置为 window.innerHeight,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17720202/