事件的来龙去脉(1)

带着问题入手：我们做j2ee网站讲究分层，后台有好多方案进行分层处理。那么前台页面是不是也可以分开呢？

?

关键词：event、事件、http://www.w3.org/TR/DOM-Level-2-Events/events.html

?

1、? 历史遗留问题

（1）???? 通常页面的写法

一个页面一般包括有：html代码、CSS代码、JS代码。CSS代码我们都可以将其写入CSS文件中，JS代码也可以写在js文件中。

但有一点通常我们是没有做到的，那就是定义在htmlElement中的事件，都是嵌在html代码中的，例如：?

或者是下面这种方式（引入js文件）：

Click.js代码：

?

function info(){
	alert("提示");
}

?

html代码：

?

?

<span onclick="info();">弹出提示</span>?

第二种方法会比第一种方式要好一点，总结一下：

?a.代码结构比较清晰，可读性强；

b.易于书写，用IDE（aptana）去书写纯JS文件，纠错能力比较好，也会有很好的代码提示功能；

c.利于firebug调试。

（2）???? 老方法的缺陷

从上面的代码可以看出，如果我想在click事件中增加处理函数，我们只能在info函数中添加代码或者直接修改span中的onclick内容。修改形式如下：

第一种方式：

function info(){
	alert("提示");
}
function other(){
	.…..
}
<span onclick="info();other();">弹出提示</span>

?

??

function info(){
	alert("提示");
other();
}
function other(){
	.…..
}
<span onclick="info();">弹出提示</span>

?

上面这2种方式，我认为都不是很好的处理方式，第一种方式需要修改html内部代码；第二种方式是破坏原来的js

文件中的函数实现。都是比较危险的操作，不是同一个人维护这些代码的时候修改的风险比较大。