网页尺寸scrollHeight/offsetHeight
2024-09-30 08:41:16
scrollHeight和scrollWidth,获取网页内容高度和宽度。
一、针对IE、Opera:
scrollHeight 是网页内容实际高度,可以小于 clientHeight。
二、针对NS、FF:
scrollHeight 是网页内容高度,不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 。
三、浏览器兼容性
var w=document.documentElement.scrollWidth
|| document.body.scrollWidth;
var h=document.documentElement.scrollHeight
|| document.body.scrollHeight;
注意:区分大小写
scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。
offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。
一、值
offsetHeight = clientHeight + 滚动条 + 边框。
二、浏览器兼容性
var w= document.documentElement.offsetWidth
|| document.body.offsetWidth;
var h= document.documentElement.offsetHeight
|| document.body.offsetHeight;
最新文章
- gravity与layout_gravity的区别
- SQL——连接查询
- hdu 4414 Finding crosses
- js判断正整数
- Sublime Text 3插件安装方法
- bzoj 1059: [ZJOI2007]矩阵游戏 二分图匹配
- C程序内存管理
- 简单的Goto运算演示程序
- 使用nRF51822/nRF51422创建一个简单的BLE应用 ---入门实例手册(中文)之五
- javascript遍历Json对象个数
- AVOS_百度百科
- IOS机型margin属性无效问题
- Spring源码情操陶冶-AbstractApplicationContext
- 201521123052《Java程序设计》第4周学习总结
- USACO08MAR Land Acquisition
- 再谈AbstractQueuedSynchronizer1:独占模式
- 【数据结构】KMP算法
- 简述 JVM 垃圾回收算法
- CentOS7装好了开始装wrf了
- RIDE创建工程和测试套件和用例--书本介绍的入门方法,自己整理实践下