document.body.clientHeight 和 document.documentElement.clientHeight的区别
来源:互联网 发布:mac matlab 安装教程 编辑:程序博客网 时间:2024/05/18 01:28
1.在设计页面时可能经常会用到固定层的位置,这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标,这里可能就会用到document.body.scrollTop等属性,但是此属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0,如果不要此标签则一切正常,那么在xhtml页面怎么获得body的坐标呢,当然有办法-使用document.documentElement来取代document.body,可以这样写
例:
var top = document.documentElement.scrollTop || document.body.scrollTop;
在JavaScript里||是个好东西,除了能用在if等条件判断里,还能用在变量赋值上。那么上例等同于下例。
例:
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
这么写可以得到很好的兼容性。
相反,如果不做声明的话,document.documentElement.scrollTop反而会显示为0。
2.
bodyHeight 高度的语句是 var bodyHeight = document.documentElement.clientHeight;
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
- document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- document.body.clientHeight 和 document.documentElement.clientHeight的区别
- document.body.clientHeight 和 document.documentElement.clientHeight的区别
- document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- document.body.clientHeight 和 document.documentElement.clientHeight的区别
- document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- document.body.clientHeight和document.documentElement.clientHeight的区别,及tomcat区别大小写
- javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- javascript中的 document.body.clientHeight 和 document.documentElement.clientHeight 的区别
- document.body 的 clientHeight、offsetHeight 和 scrollHeight
- document.documentElement.clientHeight
- document.body 和 document.documentElement 的区别
- document.body和document.documentElement 的区别
- document.body 和 document.documentElement 的区别
- document.body和document.documentElement的区别
- document.body 和 document.documentElement 的区别
- mjpg-streamer使用介绍
- iOS隐藏导航栏底部的线条& UINavigationBar小技巧
- HDMI之HDCP
- eclipse 导入git项目
- 如何快速增加网站流量及提高网站可信度
- document.body.clientHeight 和 document.documentElement.clientHeight的区别
- Eclipse中的编译Maven工程时出现No compiler is provided问题
- iOS开发问题----UIPickerView判断时候正在滑动的问题(检测“滚轮”启动和停止)
- 如何设计一个可用的web容器
- 42 leetcode - Rotate Image
- Daily 排序之归并排序
- samba 共享
- docker基本命令
- HDMI之TMDS