javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别

JavaScript是一种基于事件驱动的编程语言，常在网页中使用。在网页开发中，常见的有一种a标签的href属性值为javascript:void(0)的情况，也有href属性值为#的情况。这两种情况看起来很相似，但实际上却有很大的区别。

javascript:void(0)是什么？

javascript:void(0)表示在当前网页执行一段JavaScript代码，并且不跳转到其他页面。简单来说，它可以用于执行一些JavaScript代码，同时又不会让页面跳转到其他页面或跳转到页面中的某个锚点位置。

示例1：添加点击事件

<a href="javascript:void(0)" onclick="alert('Hello World')">点击我</a>

上面的代码表示当用户点击该链接时，会执行一个弹窗提示“Hello World”，但是不会跳转到其他页面。

示例2：使用特殊符号替换字符串

<a href="javascript:void(0)" onclick="this.innerHTML=this.innerHTML.replace('点击','已经点击')">点击我</a>

上面的代码表示当用户点击该链接时，会将“点击我”这个字符串替换为“已经点击我”，但是不会跳转到其他页面。

href=#与href=javascript:void(0)的区别

href=#和href=javascript:void(0)都可以用于不跳转页面的情况，但它们之间有着本质的区别。href=#表示跳转到当前页面的锚点位置，而href=javascript:void(0)并不会跳转页面。

href=

示例3：跳转到页面顶部

<a href="#top">回到顶部</a>
...
<a name="top"></a>

上面的代码表示当用户点击该链接时，会跳转到页面顶部，因为#top是页面顶部的锚点位置。

href=javascript:void(0)

示例4：执行JavaScript代码

<a href="javascript:void(0)" onclick="alert('Hello World')">点击我</a>

上面的代码表示当用户点击该链接时，执行一个弹窗提示“Hello World”，但是不会跳转到其他页面。

综上所述，href=#表示跳转到当前页面的锚点位置，而href=javascript:void(0)表示执行JavaScript代码。在实际应用中，我们需要根据具体情况选择使用哪种方式来实现我们的需求。