為何JS操作的href都是javascript:void(0);呢
一、我是一只小白
下半年浮躁多了,得好好靜心學(xué)習(xí),告別小白。果斷買(mǎi)了幾本書(shū):
其中,最先看的是《javascript模式》——不少人認(rèn)為很shi的一本書(shū)。……評(píng)價(jià)觀后感等500字省略……當(dāng)我看到第二章要結(jié)束的時(shí)候,又一次看到了“JS中避免使用void”的觀點(diǎn),于是,勾起了身為小白的我困擾已久的一個(gè)問(wèn)題:“既然JS中void
不推薦,那為何新浪微博,淘寶之流的首頁(yè)JS操作的href
都是javascript:void(0);
呢?”
截圖為證!
為什么?為什么?都系睇?都系睇?
二、小白的疑惑
百撕不得騎姐啊百撕不得騎姐!
每當(dāng)看到void
,我都想起了N多年前,剛接觸程序C語(yǔ)言那會(huì)的夢(mèng)魘,大學(xué)唯一掛過(guò)科的就是C語(yǔ)言,每次都讓我想起那個(gè)干巴巴的女講師。像我這種純良的好學(xué)生,大學(xué)之前網(wǎng)吧都沒(méi)有去過(guò)的好同學(xué),也不先具述程序何物有何用,開(kāi)頭就噼里啪啦變量啊,語(yǔ)句啊,XXX的,每天對(duì)著黑色的背景的奇怪東西敲a, b, c,那種感覺(jué)就像是小時(shí)候被大孩子摁在河底嗆水喝,云里霧里,水里土里。我想起了小時(shí)候看過(guò)的一個(gè)故事,一個(gè)在農(nóng)村上學(xué)的小伙子有幸作為交換生去英國(guó)交流學(xué)習(xí),住在普通人家里(自然很熱情),可是沒(méi)幾天,這位小伙子就被趕走了——原因是:丫的尿尿都不掀馬桶蓋,家里可是有l(wèi)ady的,太不尊重了!而實(shí)際上,這位小伙子第一次見(jiàn)到馬桶就是在這戶人家,他根本不知道馬桶蓋是干嘛用的,尿尿的時(shí)候要掀起來(lái)!
是習(xí)慣還是規(guī)范,我疑惑了!所謂javascript:void(0)
之流的風(fēng)氣我估計(jì)就是丫的些C, C++所謂程序背景人帶來(lái)的,可以追溯到10年之前……
我正好打開(kāi)著QQ郵箱,于是看了下其href
值,為javascript:;
:
由此可以證明,void(0)
確實(shí)是多余的,沒(méi)用的,那為何這么多網(wǎng)站都使用這個(gè)呢?每次都要多敲7個(gè)多余的字符,這是要鬧哪樣,莫非績(jī)效是根據(jù)HTML的代碼量來(lái)算的!
百撕不得騎姐啊百撕不得騎姐!
然后,我還有更進(jìn)一步的疑問(wèn):JavaScript中語(yǔ)句最后的分號(hào)是可以缺省的,那為何要使用javascript:;
而不是javascript:
呢?
是習(xí)慣還是規(guī)范,我疑惑了!
具有代碼潔癖的coder們,沒(méi)事多寫(xiě)一個(gè)分號(hào),圣潔的精神世界杯玷污了,怎么能忍受的了呢?這又不是多多語(yǔ)句,不寫(xiě)分號(hào)可能會(huì)出現(xiàn)意想不到的情況!
像我這種懶到手抽筋,多寫(xiě)一個(gè)字符都會(huì)難受到滿地打滾的人,實(shí)在是想不過(guò)來(lái)啊想不過(guò)來(lái)!
或許只因我是個(gè)小白,巴神的世界我不懂。
三、我是一只小白
我使用href="javascript:"
很多年了,一直都是惴惴不安地使用,因?yàn)閯e人都是href="javascript:void(0);"
,是不是因?yàn)?code>href="javascript:"有什么潛在的問(wèn)題?比方說(shuō)影響性能?或者讓人不能識(shí)別馬桶蓋?
求指點(diǎn),求吐槽!
做個(gè)簡(jiǎn)單的總結(jié)吧:
請(qǐng)參考下面鏈接中對(duì)于void的說(shuō)明:
http://www.dbjr.com.cn/w3school/js/pro_js_operators_unary.htm
針對(duì)上面的問(wèn)題,借用鏈接中的代碼:
<a onclick="fn()">Does not appear as a link, because there's no href</a> <a href="javascript:void(0)" onclick="fn()">fn is called</a> <a href="javascript:undefined" onclick="fn()">fn is called</a> <a href="javascript:" onclick="fn()">fn is called too!</a>
上面三個(gè)都是等價(jià)的。
另外給大家附上一則網(wǎng)友對(duì)javascript:;和javascript:void(0);的解釋
大家看JavaScript腳本經(jīng)??梢钥吹竭@樣的代碼:
〈a href="javascript:doTest2();void(0);"〉here〈/a〉
但這兒的void(0)究竟是何含義呢?
JavaScript中void是一個(gè)操作符,該操作符指定要計(jì)算一個(gè)表達(dá)式但是不返回值。
void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression
expression 是一個(gè)要計(jì)算的 JavaScript 標(biāo)準(zhǔn)的表達(dá)式。表達(dá)式外側(cè)的圓括號(hào)是可選的,但是寫(xiě)上去是一個(gè)好習(xí)慣。
你可以使用 void 操作符指定超級(jí)鏈接。表達(dá)式會(huì)被計(jì)算但是不會(huì)在當(dāng)前文檔處裝入任何內(nèi)容。
下面的代碼創(chuàng)建了一個(gè)超級(jí)鏈接,當(dāng)用戶點(diǎn)擊以后不會(huì)發(fā)生任何事。當(dāng)用戶點(diǎn)擊鏈接時(shí),void(0) 計(jì)算為 0,但在 JavaScript 上沒(méi)有任何效果。
void和#的區(qū)別
#包含了一個(gè)位置信息默認(rèn)的錨點(diǎn)是#top 也就是網(wǎng)頁(yè)的上端,而javascript:void(0) 僅僅表示一個(gè)死鏈接。
這就是為什么有的時(shí)候頁(yè)面很長(zhǎng)瀏覽鏈接明明是??墒翘鴦?dòng)到了頁(yè)首,而javascript:void(0) 則不是如此所以調(diào)用腳本的時(shí)候最好用void(0)。
- 淺談javascript運(yùn)算符——條件,逗號(hào),賦值,()和void運(yùn)算符
- javascript中的void運(yùn)算符語(yǔ)法及使用介紹
- javascript:void(0)用法及常見(jiàn)問(wèn)題分析
- javascript:void(0)的含義及用法實(shí)例
- 詳解javascript void(0)
- javascriptvoid(0)含義以及與"#"的區(qū)別講解
- javascript:void(0)點(diǎn)擊登錄沒(méi)反應(yīng)怎么解決
- javascript:void(0)是什么意思及href=#與href=javascriptvoid(0)的區(qū)別
- JavaScript void 運(yùn)算符詳解
相關(guān)文章
JavaScript 學(xué)習(xí)筆記之語(yǔ)句
這篇文章主要介紹了JavaScript中的語(yǔ)句,包括條件分支語(yǔ)句、循環(huán)語(yǔ)句、迭代語(yǔ)句、Lable語(yǔ)句、break和continue語(yǔ)句、with語(yǔ)句、swith語(yǔ)句,十分全面細(xì)致,推薦給小伙伴們。2015-01-01網(wǎng)頁(yè)中表單按回車(chē)就自動(dòng)提交的問(wèn)題的解決方案
這篇文章主要介紹了網(wǎng)頁(yè)中表單按回車(chē)就自動(dòng)提交的問(wèn)題的解決方案,需要的朋友可以參考下2014-11-11JavaScript正則表達(dá)式之multiline屬性的應(yīng)用
這篇文章主要介紹了JavaScript正則表達(dá)式之multiline屬性的應(yīng)用,是JS學(xué)習(xí)進(jìn)階中的重要知識(shí),需要的朋友可以參考下2015-06-06總結(jié)js函數(shù)相關(guān)知識(shí)點(diǎn)
本篇文章給大家簡(jiǎn)要分析了JS中函數(shù)相關(guān)的重要知識(shí)點(diǎn),對(duì)此有興趣的朋友可以參考學(xué)習(xí)下。2018-02-02深入解讀JavaScript中的Hoisting機(jī)制
這篇文章主要介紹了JavaScript中的Hoisting機(jī)制,涉及到JS中變量聲明的相關(guān)問(wèn)題,需要的朋友可以參考下2015-08-08