javascript:void(0) 是一个特殊的 JavaScript 伪协议,通常用于在 HTML 中的链接的 href 属性中。它的目的是在不导致页面跳转的情况下执行 JavaScript 代码。

在早期的 web 开发中,这种方法被广泛用于防止页面跳转,而只是执行一些 JavaScript 操作。例如:
<a href="javascript:void(0);" onclick="myFunction()">点击我</a>

在上面的例子中,当用户点击链接时,myFunction() 函数将被调用,但页面不会发生跳转。这种方法已经过时,因为它有一些缺点,如不够语义化、不友好于无障碍用户体验等。

现代的做法更倾向于使用 # 作为链接的 href,或者直接使用按钮元素来触发 JavaScript 事件,以提高可访问性和语义化。例如:
<a href="#" onclick="myFunction()">点击我</a>

或者更好的方式:
<button onclick="myFunction()">点击我</button>

这样可以更清晰地表达元素的用途,同时不会导致不必要的页面跳转。


转载请注明出处:http://www.pingtaimeng.com/article/detail/3538/JavaScript