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

相關標籤/搜索