了解DOM:Javascript 的常见事件和Ajax小结

From:http://www.ido321.com/1327.html

一、常见事件类型

     1、鼠标事件

事件名称	说明
onclick	鼠标单击时触发
ondbclick	鼠标双击时触发
onmousedown	鼠标左键按下时触发
onmouseup	鼠标释放时触发
onmouseover	鼠标的光标移动到某对象上时触发
onmousemove	鼠标移动时触发
onmouseout	鼠标光标离开某对象时触发

ps:当单击一次鼠标左键的时候，将同时触发onclick、onmousedown、onmouseup三个事件，事件处理程序执行的先后顺序为：onmousedown>onmouseup>onclick.因为按下鼠标产生的动作肯定是在释放鼠标之前的，而一次按下加上一次释放，才代表一次单击，所以onclick最后执行。

     2、键盘事件

事件名称	说明
onkeypress	某个键按下以后触发
onkeydown	某个键按下时触发
onkeyup	某个键被释放时触发

ps:对键盘的操作也会同时触发这三个事件，其处理程序执行的先后顺序是onkeydown>onkeypress>onkeyup.原因参见鼠标事件。

     3、页面事件

事件名称	说明
onerror	页面出错时触发
onload	页面加载完成时触发
onresize	浏览器窗口大小该表时触发
onscroll	浏览器滚动条的位置发生变化时触发
onunload	页面将被卸载时触发

     4、表单事件

事件名称	说明
onblur	元素失去焦点时触发
onchange	元素失去焦点并且元素内容改变时触发
onfocus	元素获得焦点时触发
onsubmit	表单被提交时触发

 

二、JavaScript Ajax小结

     1.创建XHR对象

方法	说明
new ActiveXObject(“Microsoft.XMLHTTP”)	适用于i支持window.ActiveXObject的ie5和ie6等
new XMLHttpRequest()	适用于ie7+/ff/chrome/safari/opera等

     2、XHR对象的属性和方法

属性或方法	说明
readyState	通信状态，取值0~4，见后文
onreadystatechange	readyState改变时触发此事件
responseText	服务器返回的文本格式文档
responseXML	服务器返回的XML格式文档
status	状态码，如100，200,404,500等
statusText	状态码对应的文本（OK/Not Found)
abort()	中止当前请求
open(method,url)	打开一个请求
send(args)	发送请求
setRequestHeader(key,value)	设置请求的头部
getResponseHeader(key)	获取响应的头部值
getAllResponseHeaders()	以键值对形式返回所有头部信息

     3、readyState属性

代码	说明
0	代表一个未初始化的状态。以创建未初始化的XHR对象
1	代表连接状态。已经调用了open方法，准备发送请求
2	代表发送状态。已经调用了send方法，尚未得到响应数据
3	代表正在接收状态，已经接收了HTTP响应的头部信息，正在接收响应内容
4	代表已经加载状态，此时响应内容已经被完全接收