JavaScript动态设置body高度适配浏览器窗口

JavaScript动态设置body高度适配浏览器窗口

本文介绍了一种利用JavaScript将HTML文档的body元素高度设置为当前浏览器可视区域高度的具体实现方案，供开发者参考使用。

在CSS布局中，若子div节点的高度采用百分比单位进行定义，则其直接父级元素必须具备明确的高度值。因此，当body内部的子元素需要通过百分比来确定高度时，必须首先为body元素设定一个确切的高度值。

<script>
setTimeout(function(){
document.getElementsByTagName('body')[0].style.height = window.innerHeight+'px';
},20);
</script>

希望本文提供的解决方案对您的JavaScript编程有所帮助。