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