您的位置:首页 > Web前端 > JavaScript

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]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐