获取页面和元素可视高度

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

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();

 

 

 

 

 

 

 

 

 

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

posted @ 2013-05-07 18:05  hlp鹏  阅读(1224)  评论(0)    收藏  举报