zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    solr 笔记
    oracle 相关笔记
    Linux之shell
    Linux 笔记2
    Linux 笔记1
    ConfigurationClassParser类的parse方法源码解析
    ConfigurationClassPostProcessor类的processConfigBeanDefinitions方法源码解析
    spring-ConfigurationClassUtils类
    有关金融的一些专有名词的解释
    centos7安装hadoop3.2.1集群
  • 原文地址:https://www.cnblogs.com/jiangzhengbin/p/5693607.html
Copyright © 2011-2022 走看看