DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 為何JS操作的href都是javascript:void(0);呢
為何JS操作的href都是javascript:void(0);呢
編輯:JavaScript基礎知識     

一、我是一只小白

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

其中,最先看的是《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)。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved