• 网页尺寸


    1,scrollHeight

    一、针对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元素中内容实际占用的高度和宽度。
    documentElement获取的是整个HTML元素他会打印出完整的HTML结构出来
    body获取的是当前页面的body元素
    clientHeight 获取的是 body对象高度 但不包括边框线
    offsetHeight获取的是网页可见高度,包括边框线
    scrollHeight获取的是网页全文,正文的高度


    document.documentElement 整根节点,既<html>
    document.body 是DOM里的body子节点,既<body>
    要注意‘高’是Html内容的高还是浏览器可视窗口的高!内容的高是随着内容的增减而改变的,宽说是因为有些内容是占据一行的,所以是稳定不变。另外Html文档内容默认是有margin值的!可以在css中*{margin:0}清除margin值
    2,offsetHeight

    一。
    offsetHeight和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。
    offsetHeight = clientHeight + 滚动条 + 边框。
    二。浏览器兼容性:
    var w= document.documentElement.offsetWidth || document.body.offsetWidth;
    var h= document.documentElement.offsetHeight || document.body.offsetHeight;
  • 相关阅读:
    犹太人高成就的秘诀
    EXSI宿主机更换硬盘后虚机启动有问题
    Centos7 系统启动docker报错 inotify add watch failed
    Gluster的搭建和使用
    关于HA(2.102 -2.103 服务器排障)
    Fabric的简介
    关于CPU的一些操作(CPU设置超频)
    docker的安装和技巧
    linux 下查看wwn号
    HP 3par多路径安装方法
  • 原文地址:https://www.cnblogs.com/monica123456/p/6474882.html
Copyright © 2020-2023  润新知