理解文档对象模型（1）

DOM全称Document Object Model文档对象模型，允许我们用javascript来操作HTML文档里面的内容。DOM是一组对象的集合，这些对象代表HTML文档里的各个元素。

1. Document对象

　　document对象代表当前的文档，它是由浏览器创建，并且充当文档对象模型(DOM)的入口。它向你提供了当前文档的信息，可以找到并获取代表文档元素的对象，以及理解如何将DOM作为一个树形结构进行导航。

1.1 document获取文档信息

document.compatMode    -> 获取文档的兼容模式（会返回两个值，CSS1Compat:此文档遵循某个有效的HTML规范;BackCompat:此文档含有非标准的功能，已触发怪异模式）
document.domain        -> 获取或设置当前文档的域名
document.lastModified  -> 返回文档的最后修改时间（如果修改时间不可用则返回当前时间）

1.2 document.location属性

document.location属性返回一个Location对象，这个对象提供了更加具体的文档地址信息
 protocol        -> 文档的URL的协议部分
 host            -> 文档的URL的主机和端口部分
 href            -> 当前文档地址
 hostname        -> 文档的主机名部分
 port            -> 文档URL的端口部分
 pathname        -> 文档的路径部分
 search          -> 文档的URL的(?)查询部分
 hash            -> 文档的URL的(#)锚部分
 assign(<URL>)   -> 导航到指定的URL上
 replace(<URL>)  -> 清除当前文档并导航到URL所指定的那个文档
 reload()        -> 重新载入文档

1.3 document.cookie

　　cookie属性让你可以读取、添加和更新文档所关联的cookie。cookie属性工作方式有点奇怪，当你读取这个属性的值时，会得到与文档相关联的所有cookie。

cookie还有一些额外字段
　　path=<path>       -> 设置cookie关联路径，如果没有则返回默认使用当前文档的路径
　　domain=<domain>   -> 设置cookie关联的域名，如果没有则指定默认使用当前文档的域名
　　max-age=<seconds> -> 设置cookie的有效期，以秒的形式从它创建之时起开始计算
　　expries=<date>    -> 设置cookie的有效期，用的是GMT格式的日期
　　secure            -> 只有在安全（https）链接时才会发送cookie