对象篇--事件

事件是用户在访问页面时执行的操作，它包含了用户与页面的所有交互，比如单击，键盘按下某键等。简单来说事件就是当我们做出对应的动作时触发对应的代码。

1 基础介绍

window对象：浏览器对象。
""和’'有区别？
答：其实没什么区别，就是用来嵌套使用。
（1）单引号里面使用双引号
（2）双引号里面使用单引号

2 事件定义方式：

方式一：<元素 事件=”事件处理程序”>
方式二：<元素 事件=”函数()”>
方式三：对象名.事件=function (){}
方式三实现了js和html前后端分离，因此使用方式三较多。
注意：如果事件重叠将会发生事件冲突。

3 部分事件动作

1）单击事件：onclick

	
	方式一

2）双击事件：ondbclick

	
	方式二

3）加载事件：onload

页面加载完成之后触发的事件。

事件可以在其他标签上都可以应用：
案例一：点击div标签触发事件

	
	
	


	
盒子标签

效果：点击div标签就会触发alert弹框

案例二：阻断函数跳转

点击超链接之后，会进行页面的刷新跳转，这个是我们a标签的默认功能（行为）。
但是我们不希望出现默认行为，可以通过在响应函数里面使用return false;（取消默认行为）。

	我是链接

4 事件冲突

	事件冲突

快速双击“事件冲突”：

结果：出现两次“我点击了一下”，出现一次“我双击了一下”
在同一个button标签中，出现了单击事件和双击事件。但是我们会发现，无论双击还是单击事件都要先触发单击事件，这就是时间冲突。
改善：不要为一个标签添加重叠的事件。

5 链接调用函数

函数除了可以在响应事件中调用外，还可以在链接中调用。在标记中使用href属性使javascript关键字调用函数。当用户点击链接，相关函数就会被执行。
语法：

	去往快乐的地方
	

点击a标签就会调用aclick()函数。