详细说明js动态获取浏览器或页面等容器的宽度和高度

首先，我们来谈谈js如何动态获取浏览器或页面等容器的宽度和高度：

网页可见区域宽度：document.body.clientWidth网页可见区域高度：document.body.clientHeight网页可见区域宽度：document . body . offset宽度(包括边缘宽度)网页可见区域高度：document . body . offset右边(包括边缘高度)网页全文宽度：document.body.scrollWidth网页全文高度：document.body.scrollHeight网页滚动高度：document.body.scrollTop网页向左滚动：document . body . scroll网页正文部分：window的主体

然后我们结合例子来实际解释：

有时候我们写100%高度的时候，因为是当前页面的子页面，100%只是父页面，如果子页面有下拉框和内容，有些东西是得不到的。

下图：

(我们把这个div id的高度设置为“bg”为100%，但是下拉栏的内容时，我们还是会发现背景高度只有父页面的100%，里面子容器的内容并没有被这个黑色背景覆盖。)

所以在这个时候，我们应该开始考虑为这个“bg”设置相应的动态高度。

在js中的初始化方法中编写以下代码：

//定义id bg的高度随内容而变化。var WinHeight=0；winHeight=document . body . scroll height；document . getelementbyid(' BG '). style . height=WinHeight ' px '；}那我们来看看效果：

好了，整个页面都可以渲染了。

以上是js动态获取浏览器或页面的宽度和高度以及边肖介绍的其他容器。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！