document.body:是DOM中Document对象里的body子节点
document.documentElement:DOM把层次中的每一个对象都称之为节点,就是一个层次结构,你可以理解为一个树形结构,就像我们的目录一样,一个根目录,根目录下有子目录,子目录下还有子目录。
以HTML超文本标记语言为例:整个文档的一个根就是<html>,在DOM中可以使用document.documentElement来访问它,它就是整个节点树的根节点。而body是子节点,要访问到body标签,在脚本中应该写:document.body。
示例:
if(document.documentElement && document.documentElement.clientHight &&document.documentElement.clientWidth) { theWindowHeight=document.documentElement.clientHeigth; theWindowWidht=document.documentElement.clientWidth; }
if(document.documentElement && document.documentElement.clientHight &&document.documentElement.clientWidth)
这一句的逻辑是:如果存在document.documentElement实例,而且存在document.documentElement.clientHight实例和 document.documentElement.clientWidth实例
如果不加这一层控制,如果document.documentElement不是一个实例化的量(为null),那么执行:
theWindowHeight=document.documentElement.clientHeigth;
theWindowWidht=document.documentElement.clientWidth;
就会报“空指针错误”。