javascript:void(0)的含義

void關鍵字介紹

　　首先，void關鍵字是javascript當中很是重要的關鍵字，該操做符指定要計算或運行一個表達式，可是不返回值。

　　語法格式：

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

實例1

　　當點擊超級連接時，什麼都不發生

　　

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

實例2

　　執行void操做符當中的代碼

<!-- 2.執行 void() 操做符中的代碼 -->
    <a href="javascript:void(alert('還真點啊你，真聽話！！！哈哈哈！！！'))">點我彈出警告框!!!</a><br>
    <a href="javascript:void(console.log('還真點啊你，真聽話！！！哈哈哈！！！'))">點我輸出到控制檯!!!</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);">你點吧，反正我就是不動，嘿嘿嘿！！！</a><br>
    <a href="#destination">點我跳轉</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得位置（頁面最底部）