如何详细说明给a标签添加onclick事件的不同方法？

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

在我们的a标签中，常见的点击事件处理方式包括：

1. 使用`href=javascript:js_method();`和`rel=external nofollow`。这种方法在传递`this`等参数时容易出问题，因为`javascript:`协议作为a标签的href属性值时，不会像传统URL那样解析参数。此外，`javascript:`协议仅用于在当前页面执行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，地址不发生跳转。