如何实现给a标签添加onclick事件的不同方法？

本文共计481个文字，预计阅读时间需要2分钟。

在a标签中常见的点击事件有：

1.使用`href=javascript:js_method()`，这种方式在传递`this`等参数时容易出问题，且`javascript:`协议作为a标签的href属性值，只会导致页面跳转而不会触发任何JavaScript代码。

我们常用的在a标签中有点击事件：

1. a href="javascript:js_method();" rel="external nofollow"

这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不 必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行 javascript语句

2. a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" onclick="js_method()"

这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。