詳解javascript void(0)
void關(guān)鍵字介紹
首先,void關(guān)鍵字是javascript當(dāng)中非常重要的關(guān)鍵字,該操作符指定要計(jì)算或運(yùn)行一個(gè)表達(dá)式,但是不返回值。
語(yǔ)法格式:
void func() 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)啊你,真聽(tīng)話!?。」。。 ?)' rel='external nofollow' >點(diǎn)我彈出警告框!!!</a><br> <a href='javascript:void(console.log(’還真點(diǎn)啊你,真聽(tīng)話!??!哈哈哈?。。 ?)' 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)輸出:

很顯然,2賦值給了a, 3賦值給了b, a 和 d一樣只是定義了沒(méi)有賦值,所以為 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),嘿嘿嘿?。?!</a><br> <a href='http://www.leifengta.com.cn/bcjs/16591.html#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> <h2 id='destination'>目的地</h2> 當(dāng)點(diǎn)擊第一個(gè)鏈接時(shí),一動(dòng)不動(dòng) 當(dāng)點(diǎn)擊第二個(gè)連接時(shí),會(huì)跳轉(zhuǎn)到指定id得位置(頁(yè)面最底部)
以上就是詳解javascript void(0)的詳細(xì)內(nèi)容,更多關(guān)于javascript void(0)的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. 基于android studio的layout的xml文件的創(chuàng)建方式2. 解決Android studio xml界面無(wú)法預(yù)覽問(wèn)題3. 詳解Android studio 動(dòng)態(tài)fragment的用法4. 圖文詳解vue中proto文件的函數(shù)調(diào)用5. 什么是python的自省6. Spring Boot和Thymeleaf整合結(jié)合JPA實(shí)現(xiàn)分頁(yè)效果(實(shí)例代碼)7. Android如何加載Base64編碼格式圖片8. 使用Android studio查看Kotlin的字節(jié)碼教程9. Vuex localStorage的具體使用10. Vue封裝一個(gè)TodoList的案例與瀏覽器本地緩存的應(yīng)用實(shí)現(xiàn)

網(wǎng)公網(wǎng)安備