• js文档高度位置相关值获取


    本人测试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--------------------------------

    文档高document.documentElement.scrollHeight||document.body.scrollHeight;(注意)

    可视高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==document.documentElement.scrollTop||document.body.scrollTop;

  • 相关阅读:
    Jemter---基础概念
    Jmeter---线程操作
    性能接口面试题
    Linux---网络命令
    测试所用链接地址
    Linux---压缩解压命令
    Linux----用户管理命令
    性能面试题
    Linux---帮助命令
    Linux--文件搜索命令
  • 原文地址:https://www.cnblogs.com/aim-at-is-the-tao-in/p/3398565.html
Copyright © 2020-2023  润新知