js文档高度位置相关值获取
2013-10-31 09:51
204 查看
本人测试ie,FF,chrome用document.documentElement.clientHeight都能取得高度和jquery $(window).height();一样的值,
文档的高度document.body.clientHeight||document.documentElement.clientHeight,
文档滚动条位置document.body.scrollTop||document.documentElement.scrollTop
但没有定义W3C标准会有问题
var dd = document.body || document.documentElement;
var h1 = Math.max(dd.clientHeight,db.clientHeight);
var h2 = Math.max(dd.scrollHeight,db.scrollHeight);
var objH = Math.max(h1,h2);
===============测试总结==================
has w3c
chrome:document文档高度($(document).height())==document.body.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度($(window).height())==document.documentElement.clientHeight;
scrollTop==document.body.scrollTop
firefox:document文档高度==document.body.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度==document.documentElement.clientHeight;
scrollTop==document.documentElement.scrollTop;
ie:document文档高度==document.body.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度==document.documentElement.clientHeight;
scrollTop==document.documentElement.scrollTop;
no w3c
chrome:document文档高度($(document).height())!=document.body.clientHeight;
document文档高度==document.documentElement.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度($(window).height())==document.documentElement.clientHeight;等于文档高度
可视高度为document.body.clientHeight;
scrollTop==document.body.scrollTop
firefox:document文档高度($(document).height())!=document.body.clientHeight;
document文档高度==document.documentElement.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度($(window).height())==document.documentElement.clientHeight;等于文档高度
可视高度为document.body.clientHeight;
scrollTop==document.body.scrollTop
ie:document文档高度==document.body.scrollHeight;
可视高度==document.body.clientHeight;
document.documentElement.scrollHeight
document.documentElement.clientHeight==0
scrollTop==document.body.scrollTop
has w3c兼容
文档高(推荐scrollHeight,document.body.clientHeight || document.documentElement.clientHeight;)
--------------------------------------兼容ie firefox chrome--------------------------------
[b]文档高document.documentElement.scrollHeight||document.body.scrollHeight;(注意)[/b]
可视高document.documentElement.clientHeight || document.body.clientHeight;
scrollTop==document.documentElement.scrollTop||document.body.scrollTop;
-------------------------------------------------------------------------------------------
no w3c兼容
文档高document.documentElement.clientHeight || document.body.scrollHeight;
可视高document.body.clientHeight
scrollTop==[b]document.documentElement.scrollTop||document.body.scrollTop;[/b]
文档的高度document.body.clientHeight||document.documentElement.clientHeight,
文档滚动条位置document.body.scrollTop||document.documentElement.scrollTop
但没有定义W3C标准会有问题
var dd = document.body || document.documentElement;
var h1 = Math.max(dd.clientHeight,db.clientHeight);
var h2 = Math.max(dd.scrollHeight,db.scrollHeight);
var objH = Math.max(h1,h2);
===============测试总结==================
has w3c
chrome:document文档高度($(document).height())==document.body.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度($(window).height())==document.documentElement.clientHeight;
scrollTop==document.body.scrollTop
firefox:document文档高度==document.body.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度==document.documentElement.clientHeight;
scrollTop==document.documentElement.scrollTop;
ie:document文档高度==document.body.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度==document.documentElement.clientHeight;
scrollTop==document.documentElement.scrollTop;
no w3c
chrome:document文档高度($(document).height())!=document.body.clientHeight;
document文档高度==document.documentElement.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度($(window).height())==document.documentElement.clientHeight;等于文档高度
可视高度为document.body.clientHeight;
scrollTop==document.body.scrollTop
firefox:document文档高度($(document).height())!=document.body.clientHeight;
document文档高度==document.documentElement.clientHeight;
document.documentElement.scrollHeight==document.body.scrollHeight
可视高度($(window).height())==document.documentElement.clientHeight;等于文档高度
可视高度为document.body.clientHeight;
scrollTop==document.body.scrollTop
ie:document文档高度==document.body.scrollHeight;
可视高度==document.body.clientHeight;
document.documentElement.scrollHeight
document.documentElement.clientHeight==0
scrollTop==document.body.scrollTop
has w3c兼容
文档高(推荐scrollHeight,document.body.clientHeight || document.documentElement.clientHeight;)
--------------------------------------兼容ie firefox chrome--------------------------------
[b]文档高document.documentElement.scrollHeight||document.body.scrollHeight;(注意)[/b]
可视高document.documentElement.clientHeight || document.body.clientHeight;
scrollTop==document.documentElement.scrollTop||document.body.scrollTop;
-------------------------------------------------------------------------------------------
no w3c兼容
文档高document.documentElement.clientHeight || document.body.scrollHeight;
可视高document.body.clientHeight
scrollTop==[b]document.documentElement.scrollTop||document.body.scrollTop;[/b]
相关文章推荐
- js文档高度位置相关值获取
- js获取鼠标坐标,设置div的高度、位置、内容等,及注意要点
- 原生JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸名
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
- 原生JS获取元素在文档中的位置
- 中高级前端应该必会,js实现事件委托代理、切换样式、元素获取相对于文档位置等
- js 和 jquery 获取页面和滚动条的高度 视口高度文档高度
- js 获取页面高度和宽度(兼容 ie firefox chrome),获取鼠标点击位置
- js获取屏幕宽度高度相关
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
- js 获取页面高度和宽度(兼容 ie firefox chrome),获取鼠标点击位置
- js获取鼠标相对于整个文档的位置
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
- js获取页面高度和宽度相关方法
- js获取窗口可视范围的高度、获取窗口滚动条高度、文档内容实际高度
- js获取页面的可视宽高度,占位宽高度,获取元素左上角相对页面左上角的位置,元素左上角相对可是区域的位置,元素是否存在于页面可视范围内
- js获取文档高度
- js 怎么兼容性获取滚动条总高度和已经滚动到得位置,这个是个难题,然后用总高度乘70%
- jquery获取滚动条高度和位置,JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸