• document.documentElement和document.body区别


    body是DOM对象里的body子节点,即body标签,
    documentElement 是整个节点树的根节点root,
    详细介绍请看本文,感兴趣的朋友可以参考下
     
    区别:

    body是DOM对象里的body子节点,即 <body> 标签;
    documentElement 是整个节点树的根节点root,即<html> 标签;

    没使用DTD情况即怪异模式BackCompat下: 
    document.documentElement.clientHeight=0
    document.body.clientHeight=618 
     

    使用DTD情况即标准模式CSS1Compat下:
    document.documentElement.clientHeight=618 document.body.clientHeight=28(表示内容的高度)
    因此提取浏览器的尺寸是要注意了。可以参考以下代码:
    if (document.compatMode == "BackCompat") { 
    cWidth = document.body.clientWidth; 
    cHeight = document.body.clientHeight; 
    sWidth = document.body.scrollWidth; 
    sHeight = document.body.scrollHeight; 
    sLeft = document.body.scrollLeft; 
    sTop = document.body.scrollTop; 
    } 
    else { //document.compatMode == "CSS1Compat" 
    cWidth = document.documentElement.clientWidth; 
    cHeight = document.documentElement.clientHeight; 
    sWidth = document.documentElement.scrollWidth; 
    sHeight = document.documentElement.scrollHeight; 
    sLeft = document.documentElement.scrollLeft == 0 ? document.body.scrollLeft : document.documentElement.scrollLeft; 
    sTop = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop; 
    } 
    View Code
  • 相关阅读:
    徒手用Java来写个Web服务器和框架吧<第二章:Request和Response>
    徒手用Java来写个Web服务器和框架吧<第一章:NIO篇>
    Linux使用小笔记<进程操作篇>
    shell条件判断
    rz和sz上传下载文件
    vim 快捷键
    while read读取文本内容
    云主机启动提示Booting from Hard Disk GRUB
    centos7进入单用户模式
    账号被锁无法ssh登陆
  • 原文地址:https://www.cnblogs.com/jiangzhengbin/p/5693607.html
Copyright © 2020-2023  润新知