void關鍵字介紹

　　首先，void關鍵字是javascript當中非常重要的關鍵字，該操作符指定要計算或執行一個表示式，但是不返回值。

　　語法格式：

1. void func()
2. void(func())
   

例項1

　　當點選超級連結時，什麼都不發生

<!-- 1.當用戶連結時，void(0)計算為0,使用者點選不會發生任何效果 -->
  <a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" >單擊此處什麼都不會發生</a><br>

例項2

　　執行void操作符當中的程式碼

<!-- 2.執行 void() 操作符中的程式碼 -->
  <a href="javascript:void(alert('還真點啊你，真聽話！！！哈哈哈！！！'))" rel="external nofollow" >點我彈出警告框!!!</a><br>
  <a href="javascript:void(console.log('還真點啊你，真聽話！！！哈哈哈！！！'))" rel="external nofollow" >點我輸出到控制檯!!!</a><br>

例項3

　　計算void操作符當中的算術

html:

<button type="button">點我</button>

js:

<script type="text/javascript">
    document.querySelector('button').addEventListener('click',function () {
      var a,b,c,d;
      a = void(b = 2,c = 3);
      console.log('a => ' + a);
      console.log('b => ' + b);
      console.log('c => ' + c);
      console.log('d => ' + d);
    });
  </script>

控制檯輸出：

很顯然，2賦值給了a,3賦值給了b,a 和 d一樣只是定義了沒有賦值，所以為 undefined

#與 javascript:void(0)的區別:

• #可以跳轉到設定了id的目的地
• javascript:void(0)則停留在原地，一動不動，我們稱之為“死連結”
  

如下面這個例子：

<a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" >你點吧，反正我就是不動，嘿嘿嘿！！！</a><br>
  <a href="#destination" rel="external nofollow" >點我跳轉</a>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <h2 id="destination">目的地</h2>

• 當點選第一個連結時，一動不動
• 當點選第二個連線時，會跳轉到指定id得位置（頁面最底部）

以上就是詳解javascript void(0)的詳細內容，更多關於javascript void(0)的資料請關注我們其它相關文章！