在前端开发中，经常会遇到链接（hyperlink）需要执行 JavaScript 代码的情况。对于这种需求，我们通常会使用 href 属性来实现。但是，在设置 href 属性时，我们有两种选项：
href="JavaScript"：直接指定 JavaScript 代码href="JavaScript: void(0)"：使用 JavaScript 伪协议（protocol）指定 JavaScript 代码
那么，这两种方式有什么区别呢？本文将详细探讨这个问题，并提供一些指导意义和示例代码。
href="JavaScript" 方式
href="JavaScript" 的方式非常简单，直接在 href 属性中指定 JavaScript 代码即可。例如：
<a href="JavaScript: alert('Hello, world!')">点我弹出提示框</a>这段代码会创建一个链接，当用户点击它时，会弹出一个提示框，显示 "Hello, world!"。
虽然 href="JavaScript" 方式很简单，但它存在一些问题。其中最大的问题是安全性。由于 JavaScript 代码可以执行任意操作，如果不小心泄漏了敏感信息或者执行了恶意代码，就会给用户带来风险。因此，使用 href="JavaScript" 的方式是不推荐的。
href="JavaScript: void(0)" 方式
为了解决 href="JavaScript" 的安全问题，我们可以使用 href="JavaScript: void(0)" 的方式。在这种方式中，我们并不是直接指定 JavaScript 代码，而是使用 JavaScript 伪协议来指定。其中，void(0) 表示执行一个空操作，这样就可以避免执行任何具体的 JavaScript 代码。
例如：
<a href="JavaScript: void(alert('Hello, world!'))">点我弹出提示框</a>这段代码也会创建一个链接，当用户点击它时，同样会弹出一个提示框，显示 "Hello, world!"。但是，由于使用了 void(0)，所以即使有人试图通过修改 href 属性来执行其他的 JavaScript 代码，也不会产生任何效果。
同时，如果有一些浏览器禁止了 JavaScript 代码在 href 中执行，那么使用 void(0) 的方式也可以保证链接的正常工作。
总结
综上所述，虽然 href="JavaScript" 的方式非常简单，但是由于存在安全风险，不推荐使用。相比之下，href="JavaScript: void(0)" 的方式更加安全，建议在实际开发中使用。
最后，提供一些示例代码，演示如何使用 href="JavaScript: void(0)" 创建不同的效果：
<!-- 弹出提示框 -->
<a href="JavaScript: void(alert('Hello, world!'))">点我弹出提示框</a>
<!-- 打开新窗口 -->
<a href="JavaScript: void(window.open('http://www.example.com'))">点我打开新窗口</a>
<!-- 滚动到页面顶部 -->
<a href="JavaScript: void(window.scrollTo(0, 0))">点我回到顶部</a>来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24062