（8）WEB复习

1：XHTML

• 可扩展超文本标记语言
• 是基于XML可扩展标记语言的HTML
• 比HTML更加的严格，更加的规范

2：XML

• 可扩展标记语言
• 是一种结构化的，标记语言
• 可以作为数据传输一种格式（在ajax中）现在数据传输多用json
• 也可以作为一个配置文件的格式

3：DOM树

• 文档对象模型
• 用对象的方式表示了html所有的元素，以及获取他们的方法
• 可以控制所有html的元素
• HTMLdocument就是根节点
  • 除此之外，还有属性节点，元素节点，注释节点，entity节点
• 以HTMLdocument为根节点，其他节点为子节点的一棵树的数据结构表示的DOM树

4：DOM0 2的事件流

• 事件模型 捕获和冒泡

  • 捕获：从Window 到目标元素
  • 冒泡：从当前元素到Window

• 事件流

  • 点击鼠标：左键怎么传到页面上的，怎么响应
  • 事件冒泡（主流）
  • 事件捕获

• DOM事件流

  • 事件捕获节点
  • 处于目标阶段
  • 事件冒泡阶段

• DOM 0

  • 直接通过 onclick实现

    <input id="mybutton" type="button" value="click me" οnclick="alert ("Hello world") ">
    

    document.getElementById("mybutton").onclick=function(){
        alert("Hello");
    }
    

  • 运行之后的结果是输出 Hello，而不是Hello world

  • 说明后面的事件会覆盖前面的事件

  • DOM 0具有很好的跨浏览器的优势

  • 会以最快的速度绑定

    • 可能导致页面未完全加载出来
    • 事件无法正常的进行

  • 删除的时候，将onclick设置为null

• DOM 2

  • 使用addEventListener 和removeEventListener
  • 具有 时间捕获，处于目标，事件冒泡三个阶段
  • 删除的时候，直接使用removeEventListener

复习 1：什么是DOM树

什么是事件流

什么是时间处理模型

DOM0 DOM2的区别和异同

绑定速度很快 浏览器的兼容性很强 DOM直接用conclick 后面的时间会覆盖前面的事件

DOM2 可以绑定多个事件，不会被覆盖 同时它具有事件捕获 处于目标 和时间冒泡 三个阶段 addeventlistener 和 removeEvenlistener删除的时候直接用remove就可以了

DOM 文档对象模型，定义了html所有元素，以及获取他们的方式。其中以HTMLdocument为根节点，其他的节点为子节点构成的一个树的数据结构就称为DOM树。其中除了文档节点，还有元素节点，属性节点，entity节点，主注释节点

XML 可扩展标记语言

XHTML