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
  • 相关阅读:
    unity游戏框架学习-资源管理
    unity游戏框架学习-场景管理
    unity游戏框架学习-实现c#的网络框架
    unity游戏框架学习-SDK接入
    VMware搭建内网并通过iptables端口转发联网
    Mysql 锁总结
    Mysql 参数优化
    php 操作RabbitMQ
    在ubuntu16上搭建rabbitMQ环境
    RabbitMQ基本原理
  • 原文地址:https://www.cnblogs.com/jiangzhengbin/p/5693607.html
Copyright © 2011-2022 走看看