javascript:;与javascript:void(0)使用介绍

当我们在HTML中使用"href"属性来定义一个链接时，有时会使用"javascript:"或"javascript:void(0)"作为链接的href值。这两个值虽然都可以用来防止页面跳转，但它们的作用是有所不同的。

1. "javascript:;"
   "javascript:;"这个值通常用来防止a标签产生默认跳转行为，因为当a标签的href属性的值为空时，点击链接会默认刷新当前页面。因此，href属性不能留空，我们可以通过javascript:;来防止它造成的跳转行为。代码示例如下：

<a href="javascript:;">点击这里不跳转</a>

1. "javascript:void(0)"
   "javascript:void(0)"这个值通常用来调用JavaScript函数，也可以用来取消页面跳转。我们可以利用它来防止页面刷新，并且触发JavaScript函数。代码示例如下：

<a href="javascript:void(0);" onclick="alert('Hello World!');">点击这里触发弹窗</a>

总结
"javascript:;"和"javascript:void(0)"都可以用来防止a标签的默认跳转行为，但是它们的作用是有所不同的。当你需要防止a标签的默认跳转行为但是需要传递参数并且触发JavaScript函数时，建议使用"javascript:void(0)"。

另外需要注意的是，如果将javascript代码直接放在href属性中，那么点击时浏览器会尝试执行这段代码，这可能会造成安全隐患。因此最好使用onclick属性来执行JavaScript函数。