web学习日记4

浏览数：35 / 时间：2015年06月09日

DOM：

1.事件冒泡：事件最开始由最具体的元素接收然后逐级向上传播至最不具体的那个点。
事件捕获：不太具体的节点应更早地接收到事件，最具体的事件最晚接收到事件。

IE:事件冒泡流 Firefox：事件捕获流

2.事件处理程序：

HTML事件处理程序：直接加在标签里。缺点：HTML与JS代码紧紧地结合在一起。

DOM0级事件处理程序：把一个函数赋值给一个事件处理程序属性。优点：简单跨浏览器。

DOM2级事件处理程序：两个函数：addEventListener(事件类型，事件处理函数，true/false),removeEventListener(事件，事件处理函数，true/false)。（这里的事件不加on）。

IE事件处理程序：attachEvent(事件类型，事件处理函数)；detachEvent(事件类型，事件处理函数)。（这里的事件类型加on）。

跨浏览器的事件处理程序，只要依靠能力检测判断采用类型。

CSS：

1.权值规则，标签权值为1，类选择符权值10；ID选择符权值为100，!important放在分号前边，具有最高权值。

2.下划线：text-decoration:undeiline;删除线：text-decoration:line-through;缩进：text-indent:2em;行间距：line-height:5em;

字母间距：letter-spacing:50px;单词间距：word-spacing:10px;

JS：

由于Js只有在元素节点前插入的标签，我们可以创造在元素节点后插入的函数。

1 function insertAfter(newElement, targetElement) {
2     var parent = parent= target。Element。parentNode；
3     if (parent.lsastChild) {
4         parent.aooendChild(newElement)
5     } else {
6         parent.insertBefore(newElement，targetElement。nextSibing)；
7     }    
8 }