溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

javascript void(0)的詳細(xì)操作過程

發(fā)布時(shí)間：2020-07-16 16:32:39 來源：億速云 閱讀：154 作者：小豬 欄目：開發(fā)技術(shù)

這篇文章主要講解了javascript void(0)的詳細(xì)操作過程，內(nèi)容清晰明了，對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會(huì)有幫助。

void關(guān)鍵字介紹

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

　　語法格式：

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

實(shí)例1

　　當(dāng)點(diǎn)擊超級(jí)鏈接時(shí)，什么都不發(fā)生

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

實(shí)例2

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

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

實(shí)例3

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

html:

<button type="button">點(diǎn)我</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>

控制臺(tái)輸出：

javascript void(0)的詳細(xì)操作過程

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

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

  • #可以跳轉(zhuǎn)到設(shè)置了id的目的地
  • javascript:void(0)則停留在原地，一動(dòng)不動(dòng)，我們稱之為“死鏈接”
     

如下面這個(gè)例子：

<a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" >你點(diǎn)吧，反正我就是不動(dòng)，嘿嘿嘿?。。?lt;/a><br>
  <a href="#destination" rel="external nofollow" >點(diǎn)我跳轉(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>
  <h3 id="destination">目的地</h3>
  • 當(dāng)點(diǎn)擊第一個(gè)鏈接時(shí)，一動(dòng)不動(dòng)
  • 當(dāng)點(diǎn)擊第二個(gè)連接時(shí)，會(huì)跳轉(zhuǎn)到指定id得位置（頁面最底部）

看完上述內(nèi)容，是不是對(duì)javascript void(0)的詳細(xì)操作過程有進(jìn)一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手