為何JS操作的href都是javascript:void(0);呢_基礎知識

一、我是一隻小白

下半年浮躁多了，得好好靜心學習，告別小白。果斷買了幾本書：

其中，最先看的是《javascript模式》──不少人認為很shi的一本書。 ……評價觀後感等500字省略……當我看到第二章要結束的時候，又一次看到了「JS中避免使用void」的觀點，於是，勾起了身為小白的我困擾已久的一個問題：「既然JS中void不推薦，那為何新浪微博，淘寶之流的首頁JS操作的href都是javascript:void(0);呢？」

截圖為證！

為什麼？為什麼？都係看？都係看？

二、小白的疑惑

百撕不得騎姐啊百撕不得騎姐！

每當看到void，我都想起了N多年前，剛接觸程式C語言那會的夢魘，大學唯一掛過科的就是C語言，每次都讓我想起那個乾巴巴的女講師。像我這種純良的好學生，大學之前網咖都沒有去過的好同學，也不先具述程序何物有何用，開頭就噼裡啪啦變數啊，語句啊，XXX的，每天對著黑色的背景奇怪的東西敲a, b, c，那種感覺就像是小時候被大孩子摁在河底嗆水喝，雲裡霧裡，水裡土裡。我想起了小時候看過的一個故事，一個在農村上學的小伙子有幸作為交換生去英國交流學習，住在普通人家裡（自然很熱情），可是沒幾天，這位小伙子就被趕走了— —原因是：丫的尿尿都不掀馬桶蓋，家裡可是有lady的，太不尊重了！而實際上，這位小伙子第一次見到馬桶就是在這戶人家，他根本不知道馬桶蓋是乾嘛用的，尿尿的時候要掀起來！

是習慣還是規範，我疑惑了！所謂javascript:void(0)之流的風氣我估計就是丫的些C, C 所謂程序背景人帶來的，可以追溯到10年之前…

我剛好打開QQ信箱，於是看了下其href值，為javascript:;：

由此可以證明，void(0)確實是多餘的，沒用的，那為何這麼多網站都使用這個呢？每次要多敲7個多餘的字符，這是要鬧哪樣，莫非績效是根據HTML的代碼量來算的！

百撕不得騎姐啊百撕不得騎姐！

然後，我還有更進一步的疑問：JavaScript中語句最後的分號是可以缺省的，那為何要使用javascript:;而不是javascript:呢？

是習慣還是規範，我疑惑了！

具有代碼潔癖的coder們，沒事多寫一個分號，聖潔的精神世界盃玷污了，怎麼能忍受的了呢？這又不是多多語句，不寫分號可能會出現意想不到的狀況！

像我這種懶到手抽筋，多寫一個字符都會難受到滿地打滾的人，實在是想不過來啊想不過來！

或許只因我是個小白，巴神的世界我不懂。

三、我是一隻小白

我用href="javascript:"很多年了，一直都是惴惴不安地使用，因為別人都是href="javascript:void(0);"，是不是因為href="javascript:"有什麼潛在的問題？比方說影響性能？或是讓人無法辨識馬桶蓋？

求指點，求吐槽！

做個簡單的總結：

請參考下面連結中對於void的說明：

http://www.jb51.net/w3school/js/pro_js_operators_unary.htm

針對上面的問題，借用連結中的程式碼：

<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>

上面三個都是等價的。

另外給大家附上一則網友對javascript:;和javascript:void(0);的解釋

大家看JavaScript腳本常可以看到這樣的程式碼：
〈a href="javascript:doTest2();void(0);"〉here〈/a〉
但這兒的void(0)究竟是何意義呢？
JavaScript中void是一個操作符，該操作符指定要計算一個表達式但是不傳回值。

void 運算子用法格式如下：
1. javascript:void (expression)
2. javascript:void expression

expression 是一個要計算的 JavaScript 標準的表達式。表達式外側的圓括號是可選的，但是寫上去是一個好習慣。

你可以使用 void 運算子指定超級連結。表達式會被計算但是不會在目前文件處裝入任何內容。

下面的程式碼創建了一個超級鏈接，當用戶點擊以後不會發生任何事。當使用者點擊連結時，void(0) 計算為 0，但在 JavaScript 上沒有任何效果。

void和#的差別

＃包含了一個位置資訊預設的錨點是＃top 也就是網頁的上端,而javascript:void(0) 只表示一個死連結。

這就是為什麼有的時候頁面很長瀏覽連結明明是＃可是跳動到了頁首,而javascript:void(0) 則不是如此所以調用腳本的時候最好用void(0)。