获取页面和元素可视高度

---恢复内容开始---

1、  获取页面和元素可视高度，可视宽度值。

2、  获取页面和元素实际的高度，实际的宽度的值。

3、  获取滚动条的高度（页面滚动的高度）

获取文档可视窗口大小：

火狐，谷歌，欧朋浏览器提供了一个window.innerWidth和window.innerHeight方法来获取串口的可视大小。

IE6以上的浏览器提供了一个document.documentElement.clientWidth和document.documentElement.clientHeight来获取文档可视窗口的大小，

IE6以下使用document.body.clientWidth。但同时火狐，谷歌，欧鹏浏览器也支持document.documentElement.clientWidth方法，所以所有的浏览器可以统一使用document.documentElement.clientWidth来获取文档可视窗口的大小。

获取元素可视窗口的大小同样可以使用document. getElementById(“elem”).clientWidth。但是为了保证所有浏览器的兼容性,必须保证elem是块级元素，并且设置了宽高属性。

获取文档窗口实际大小：document.body.scrollWidth(窗口宽度)。Document.body.scrollHeight(窗口高度)。

 

通过jQuery框架来获取上面内容的值。

获取文档的实际高度和宽度：$(“body”).height()和$(“body”).width();

获取文档滚动的高度：$(document).scrollTop();

 

 

 

 

 

 

 

 

 

---恢复内容结束---

转载于:https://www.cnblogs.com/peng14/archive/2013/05/07/3065239.html