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
  • 相关阅读:
    mouseOver与rollOver
    排序二叉树
    发展
    bitmapData
    回调与事件
    遍历舞台上所有对象
    面向对象原则
    面向对象的三大特征(个人理解)
    面向对象出现原因以及意义
    OC语言BLOCK和协议
  • 原文地址:https://www.cnblogs.com/jiangzhengbin/p/5693607.html
Copyright © 2011-2022 走看看