首页 > 网站 > WEB开发 > 正文

DOM笔记(五):JavaScript的常见事件和Ajax小结

2024-04-27 14:15:34
字体:
来源:转载
供稿:网友

DOM笔记(五):javaScript的常见事件和Ajax小结

一、常见事件类型

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,见后文
onreadystatechangereadyState改变时触发此事件
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代表已经加载状态,此时响应内容已经被完全接收
原文首发:http://www.ido321.com/1327.html下一篇:DOM笔记(六):怎么进行JQuery扩展?
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表