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

时间 2019-12-08

标签 href javascript void 区别栏目 JavaScript 繁體版

原文原文链接

# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。javascript

而javascript:void(0), 仅仅表示一个死连接。java

在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。spa

若是你要定义一个死连接请使用 javascript:void(0) 。code

<a href="javascript:void(0);">点我没有反应的!</a>
<a href="#pos">点我定位到指定位置!</a>
<br>
...
<br>
<p id="pos">尾部定位点</p>

javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中很是重要的关键字，该操做符指定要计算一个表达式可是不返回值。

 1 <body>
 2 <script type="text/javascript">
 3 function getValue(){
 4    var a,b,c;
 5    a = void ( b = 5, c = 7 );
 6    document.write('a = ' + a + ' b = ' + b +' c = ' + c );
 7 }
 8 </script>    
 9 <p>点击如下按钮查看结果：</p>
10 <form>
11 <input type="button" value="点我" onclick="getValue();" />
12 </form>
13     
14 </body>

点击显示结果：a = undefined b = 5 c = 7