转载：http://jiangzhengjun.javaeye.com/blog/480996
事件
DOM同时支持两种事件模式：捕获型事件和冒泡型事件，但是，捕获型事件先发生。两种事件流会触及DOM中的所有对象，从document对象开
始，也在document对象结束（大部分兼容标准的浏览会继续将事件捕获/冒泡延续至window对象），DOM中的元素都会连续收到两次事件，一次在
捕获过程中，另一次在冒泡过程中。DOM事件模型最独特的性质是，文本节点也触发事件（在IE中不会）。点击文本节点事件流应该如下图：
传统事件处理函数有两种分配方式：在JavaScript中或者在HTML中。
在JavaScript中分配事件处理函数：
Js代码
var
oDiv = document.getElementById(
"div1"
);
oDiv.onclick = function
() {
alert("I was clicked"
);
};
var oDiv = document.getElementById("div1");
oDiv.onclick = function () {
alert("I was clicked");
};
注：在这个分配方法，事件处理函数名称必须小写，才能正确响应事件。
在HTML中分配事件处理函数：
Html代码
<
div
onclick
=
'alert("I was clicked")'
>
</
div
>
<div onclick='alert("I was clicked")'> </div>
说明：用这种方法，事件处理函数的大小写可任意，所以onclick等同于onClick、OnClick或ONCLICK，但标准的事
件处理函数应该全部用小写定义。
说明：传统分配方式有个缺陷就是只能分配一个处理函数。于是就出现了其它以下分配方式。
IE中特有的attachEvent()事件处理函数分配方
式：
Js代码
var
fnClick1 =
function
() {
alert("Clicked!"
);
};
var
fnClick2 =
function
() {
alert("Also clicked!"
);
};
var
oDiv = document.getElementById(
"div"
);
oDiv.attachEvent("onclick"
, fnClick1);
有时页面需要获得用户浏览器的高度才能确定内容显示在哪里，代码
<div style="position:absolute; left:0; top:expression(document.body.clientHeight/2-document.body.clientHeight/4)">
</div>
中，expression(document.body.clientHeight/2)即为获得浏览器高度再除以2 ......
<map name="Map4" id="Map4">
<area shape="rect" mce_shape="rect" coords="659,31,697,45" mce_coords="659,31,697,45" href="product/?keys=289" mce_href="product/?keys=289" />
</map>
<map name=" ......
互动性一直是互联网的重点,让使用者与网站能够交换信息,彼此沟通.表单使我们能够有组织的,使用同一方式的从使用者那里收集资料,因此在设计网站时总是属于"任何状况都能拿来用"的那一类,举例来说,我们发现大概有10000种标记表单的不同方式.好吧,或许没有那么多,但是我们仍能思考几种状况,让使用者易于使用表单结构,同时也便� ......
