js添加事件处理程序

js添加事件处理程序有几种方法。

1.通过“javascript”伪协议

2.内嵌事件处理程序（onclick等）

3.通过class或者id来引用

1 <a href="javascript:popUp('http://snowinmay.net/')">dada1</a>
2 <a href="#" onclick= "popUp('http://snowinmay.net/'); return false;">dada2</a>
3 <a href="http://snowinmay.net/" onclick= "popUp('http://snowinmay.net/'); return false;">dada3</a>
4 <a href="http://snowinmay.net/" id="athree">dada4</a>

第一条代码用了伪协议，如果js失效了，那点击dada1将没效果。

第二条通过内嵌事件处理程序，把href设为了#，如果onclick内的函数失效了，点击也将没有效果。

第三条把href设置了跳转的链接，在onclick失效后，依然可以点击到新页面。

但是第二条和第三条都是把代码直接放到html中，结构和行为混在一起，违背了MVC,W3C内容和行为分离的规范。

第四条通过id，将事件处理程序放到了外面。

posted @ 2013-04-23 11:42  snowinmay  阅读(913)  评论(1)  编辑  收藏  举报