DOM - document

1、DOM

dom 是文档在内存中的表现形式，它是一个应用程序接口，定义了该文档的逻辑结构以及一套访问和处理文档的方法。应用程序要处理文档都要将HTML或者XML转换为dom。

HTML中的元素转化为DOM文档中的节点对象， DOM的节点类型：document  element comment type text. 其中 document是根节点。

1.HTML DOM 和核心DOM 的区别

HTML DOM 提供了大量遍历的方法和属性，都是在核心DOM上修改来的

2.document 对象

window.document 是用来返回一个document 对象。  

document 的属性

location URL domain cookie lastModified charset readyState ( 其中 location cookie readyState比较重要， )                                                

2.1 location

返回location 对象

2.2 cookie

用document.cookie返回的是一个字符串，字符串中有cookie的名称，有效期，范围，域, 通讯协议为加密。

格式： document.cookie="name=value;expires=DATE; path=PATH; domain=SOMAIN_NAME;secure";

name:表示cookie的名称  value 表示cookie的值， expires表示 时间期限， path 表示可以访问cookie的路径，domain表示可以访问cookie的域 。

获取cookie                    

用document.cookie 得到cookie, 得到一个字符串，让后能够经过split(";")将字符串中的键值对分开 得到相应的数值。

setCookie

  设置字符串的值，组成一个字符串 而后将字符串赋值给document.cookie.

deleteCookie

删除cookie的策略是将cookie的有效期设置为过时的。

2.3 检查文档状态

document.readyState能够查看当前文档的变化，当文档变化后就会触发readystatechange事件。  

文档加载的过程依次会经历  loading   interactive complete 。在文档加载阶段 javascript就开始运行的，因此有时候须要检查文档是否加载完毕

（1）window.load 事件

当文档加载完毕后会触发window.load事件 定义相关的处理函数

（2）document.readystatechange 事件

定义处理函数 查看当前的document.readyState是否到complete状态 再完成相应程序。

2.4 document.open                                                                                                                                                                          document.open()方法能够打开一个新窗口 并加装一个新的文档，与window.open（）方法相投，可是document.open返回的是一个document对象，是对新窗口中的文档的引用；而windown返回的是一个window.open对象，是对一个新的窗口的引用。

document.close()方法是不能够关闭窗口，只能够关闭文档流。必须使用window.close。

2.5 向网页中写入内容

使用document.write()和document.writeln() 能够将指定的字符串写到当前的文档中显示，字符串也能够包含HTML标签。

二者的区别是：是否有换行；

当用这个方法后，若是使用document.close可让写入的内容呈如今网页上，可是也不是必须的。

必须的时候：

（1）在使用open方法打开一个新窗口并向其中写入内容，并且不是第一次对该窗口使用open方法。

（2）若是这两个写入方法位于事件处理函数中，必须使用document.close()方法关闭写入流。

2.6 文档能够编辑

使用document.designMode属性="on"表示整个文档处于编辑状态，

使用document.body.contenteditable="on" 表示全部元素处于编辑状态。

 

2.7焦点管理

用户可使用不少方法处理文档的焦点，例如可使用window.blur() 和 window.focus() 也能够对任何元素使用blur()和focus()方法。

在html5zhong 除了以上方法处理焦点，还可使用document.activeElement   // 返回当前焦点所在的元素，若是不在任何元素上 那么返回body 元素。documnet.hasFocus()方法 // 能够检测焦点是否在文档内。  document.defaultView 返回活动文档的window对象。

 

2.8 编辑API

document.execCommand(commandId, showUI ,value)方法能够执行这些命令

第一个参数是指定的动做，后面两个参数能够影响这个动做的执行。这些命令能够修改字体加粗 倾斜 颜色等等。

eg:document.execCommand("false",false,choice.value);