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

更新時間：2021年12月13日 11:09:39 作者：小方哥·

這篇文章介紹了javascript:void(0)的含義及用法實例，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

void關(guān)鍵字介紹

首先，void關(guān)鍵字是javascript當(dāng)中非常重要的關(guān)鍵字，該操作符指定要計算或運行一個表達(dá)式，但是不返回值。

語法格式：

void func()
void(func())

實例1

當(dāng)點擊超級鏈接時，什么都不發(fā)生

<!-- 1.當(dāng)用戶鏈接時，void(0)計算為0,用戶點擊不會發(fā)生任何效果 -->
    <a href="javascript:void(0);" rel="external nofollow"  rel="external nofollow" >單擊此處什么都不會發(fā)生</a><br>

實例2

執(zhí)行void操作符當(dāng)中的代碼

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

實例3

計算void操作符當(dāng)中的算術(shù)

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)的區(qū)別:

#可以跳轉(zhuǎn)到設(shè)置了id的目的地

javascript:void(0)則停留在原地，一動不動，我們稱之為“死鏈接”

如下面這個例子：

<a href="javascript:void(0);" rel="external nofollow"  rel="external nofollow" >你點吧，反正我就是不動，嘿嘿嘿！??！</a><br>
    <a href="#destination" rel="external nofollow" >點我跳轉(zhuǎn)</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>