web前端开发解析html,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浏览器下可能会出现获取不到完整高度的问题。要注意选择适合自己需求的方法,避免出现不必要的问题。
希望这篇文章能够对你有所帮助。