本文介绍了如何使用JavaScript将HTML body元素的高度动态设置为当前浏览器窗口的高度。通过获取window.innerHeight属性并赋值给body的style.height，解决子元素百分比高度依赖父元素确定高度的问题。代码包含setTimeout延迟执行以确保页面加载完成，适用于需要全屏布局的场景。
JavaScript动态设置body高度适配浏览器窗口
本文介绍了一种利用JavaScript将HTML文档的body元素高度设置为当前浏览器可视区域高度的具体实现方案，供开发者参考使用。
在CSS布局中，若子div节点的高度采用百分比单位进行定义，则其直接父级元素必须具备明确的高度值。因此，当body内部的子元素需要通过百分比来确定高度时，必须首先为body元素设定一个确切的高度值。
具体实现代码如下：
<script>
setTimeout(function(){
document.getElementsByTagName('body')[0].style.height = window.innerHeight+'px';
},20);
</script>希望本文提供的解决方案对您的JavaScript编程有所帮助。