詳解javascript void(0)
void關(guān)鍵字介紹
首先,void關(guān)鍵字是javascript當中非常重要的關(guān)鍵字,該操作符指定要計算或運行一個表達式,但是不返回值。
語法格式:
void func() void(func())實例1
當點擊超級鏈接時,什么都不發(fā)生
<!-- 1.當用戶鏈接時,void(0)計算為0,用戶點擊不會發(fā)生任何效果 --> <a href='javascript:void(0);' rel='external nofollow' rel='external nofollow' >單擊此處什么都不會發(fā)生</a><br>
實例2
執(zhí)行void操作符當中的代碼
<!-- 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操作符當中的算術(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='http://www.intensediesel.com/bcjs/16591.html#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> 當點擊第一個鏈接時,一動不動 當點擊第二個連接時,會跳轉(zhuǎn)到指定id得位置(頁面最底部)
以上就是詳解javascript void(0)的詳細內(nèi)容,更多關(guān)于javascript void(0)的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. XML在語音合成中的應用2. jscript與vbscript 操作XML元素屬性的代碼3. 不要在HTML中濫用div4. HTML5實戰(zhàn)與剖析之觸摸事件(touchstart、touchmove和touchend)5. .NET Framework各版本(.NET2.0 3.0 3.5 4.0)區(qū)別6. ASP基礎(chǔ)入門第四篇(腳本變量、函數(shù)、過程和條件語句)7. ASP將數(shù)字轉(zhuǎn)中文數(shù)字(大寫金額)的函數(shù)8. XML入門的常見問題(三)9. php使用正則驗證密碼字段的復雜強度原理詳細講解 原創(chuàng)10. HTTP協(xié)議常用的請求頭和響應頭響應詳解說明(學習)
