javascript:void(0)的含義及用法實例

void關鍵字介紹

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

語法格式:

  • void func()
  • 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)的含義及用法實例的文章就介紹到這瞭。希望對大傢的學習有所幫助,也希望大傢多多支持WalkonNet。

推薦閱讀: