博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
获取页面和元素可视高度
阅读量:5077 次
发布时间:2019-06-12

本文共 780 字,大约阅读时间需要 2 分钟。

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

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

你可能感兴趣的文章
用JS制作博客页面背景随滚动渐变的效果
查看>>
JavaScript的迭代函数与迭代函数的实现
查看>>
一步步教你学会browserify
查看>>
Jmeter入门实例
查看>>
亲近用户—回归本质
查看>>
中文脏话识别的解决方案
查看>>
CSS之不常用但重要的样式总结
查看>>
Python编译错误总结
查看>>
URL编码与解码
查看>>
日常开发时遇到的一些坑(三)
查看>>
Eclipse 安装SVN插件
查看>>
深度学习
查看>>
TCP粘包问题及解决方案
查看>>
构建之法阅读笔记02
查看>>
添加按钮
查看>>
移动端页面开发适配 rem布局原理
查看>>
Ajax中文乱码问题解决方法(服务器端用servlet)
查看>>
会计电算化常考题目一
查看>>
阿里云服务器CentOS6.9安装Mysql
查看>>
剑指offer系列6:数值的整数次方
查看>>