js获取网页高度(详细整理)

让我来详细讲解一下js获取网页高度（详细整理）的攻略。

让我来详细讲解一下"js获取网页高度（详细整理）"的攻略。

什么是网页高度？

网页高度指的是整个网站页面的高度，包括html、body、以及网页中的所有内容和元素。在一些网站应用中，需要获取网页高度，以便于调整页面布局等操作。下面来介绍一些常用的获取网页高度的方法。

方法一：使用document.body.scrollHeight

使用javascript中的document.body.scrollHeight属性可以获取整个文档的高度。代码示例如下：

var body_height = document.body.scrollHeight;
console.log(body_height);

值得注意的是，此方法的缺点是在Chrome浏览器下，当body元素的高度小于viewport视图高度时，可以正常获得高度，但当body元素超出视图高度时，获得到的高度却小于实际高度。

方法二：使用document.documentElement.scrollHeight

使用document.documentElement.scrollHeight属性可以获取整个文档高度。代码示例如下：

var scroll_height = document.documentElement.scrollHeight; 
console.log(scroll_height);

此方法的优势在于可以正常获得整个文档的高度。

以上就是获取网页高度的两种常用方法，根据实际需求选择适合自己的方法即可。

总结

获取网页高度可以使用javascript中的document.body.scrollHeight和document.documentElement.scrollHeight两种方法，前者在Chrome浏览器下可能会出现获取不到完整高度的问题。要注意选择适合自己需求的方法，避免出现不必要的问题。

希望这篇文章能够对你有所帮助。