var linkG = document.getElementById('g');
                linkG.addEventListener('click', function(e){
                        test();
                        e.preventDefault();
                }, false);


測試地址：http://thecdn.sinaapp.com/page/demo/link-test3/
這次，所有的地址都不會修改，且都不會跳轉了，獲取資料也正常了。
和之前的區別在哪裡呢？
event.preventDefault();
如果我們要使用a標籤做按鈕使用，那麼一定要記得阻止預設事件。
或許你會說，你這個寫的麻煩，我一個return false就解決問題了，
如果真的是這樣的話，那麼請自行嘗試，至少我測試chrome中第三個demo中，繫結事件使用return false不可以阻止預設事件。
當然，如果你寫在元素的內聯事件如onclick中的return false還是可以阻止預設的。
哦，那麼這些測試是毫無價值的麼，顯然不是，上面這段測試，顯示瞭如果使用良性的html/css/js三層分離的註冊事件來驅動頁面，
那麼使用a作為事件驅動的元素，務必加上event.preventDefault();
到這裡該談的基本都談完了，那麼我們來談談具體的事情吧。
上面的A~G幾種形式的寫法，各有利弊，在不同的環境或許都是最有解。
我們先談談好處：
第一種：直接呼叫頁面中的全域性函式，簡單粗暴，無論什麼時候都不會修改url，發生上面例子中的url改變的事情發生。
第二種：呼叫一個noop函式，即空函式，類似寫法還有void(’0′);可參考o‘reilly ajax hacks那本書，由於沒有寫死呼叫的函式，我們可以通過繫結事件把動作附加到元素上，也不會發生上面改變url的事情發生。
第三種：相容第二種的好處之上，防止寫碼的時候忽略了preventDefault的處理。
第四種：傳統的簡單粗暴寫法/
第五種：使用錨點+繫結事件的方法來進行動作附加，即使js指令碼沒有下載完畢，也不會發生報錯，而且符合三層分離的原則。而且錨點也可以表現語義化動作。
第六種：某大牛發現了 “空路徑對頁面效能影響的解決方案”，有興趣可以搜尋並測試，如果你測試了，不妨告訴我，謝謝。（不確定會對a的href也產生影響）
第七種：完全的無額外內容。
然後世界開始分裂，我要開始吐槽了：
第一種：直接呼叫偽協議的方式呼叫函式，現代瀏覽器中一致性很好，但是不確定在古老的瀏覽器中可以保持一致性。而且直接呼叫只能呼叫全域性函式，不利於函式結構組織。
第二種：整合第一種的劣勢。
第三種：整合第一種的劣勢，且沒有考慮三層分離。
第四種：且沒有考慮三層分離。
第五種：如果指令碼沒用下載完畢，會修改url hash，如果協同寫碼，別人使用到url操作，且沒有做去除hash處理，機率發生問題，如之前的測試。
第六種：不論會不會產生頁面效能積極影響，about:blank作為額外的無語義內容就是讓人不爽的。
第七種：這貨不是一個標準的a標籤，還記得之前說要看RFC和W3C標準嘛？
可能有的童鞋懶的找，我把內容貼一下：
Non-empty URL potentially surrounded by spaces
A URL that is not the empty string, optionally with leading and/or trailing space characters.
Absolute URL potentially surrounded by spaces
A valid IRI as defined in [RFC 3987], optionally with leading and/or trailing space characters.
接著我們在來看一個小東西，事件繫結次數，即控制代碼數量：
第一種：0，環保
第二種: 1
第三種: 2 周全的代價
第四種: 1
第五種: 1
第六種: 1
第七種: 1
我發現我有話癆屬性，多提一個事情吧：
淘寶首頁使用javascript: 10處
淘寶首頁使用#: 10處
Github內頁首頁使用javascript: 0處
Github內頁首頁使用#: 9處
360首頁使用javascript: 0處
360首頁使用#: 7處
騰訊首頁使用javascript: 37處
騰訊首頁使用#: 11處
新浪首頁使用javascript: 26處
新浪首頁使用#: 0處
其他的大家自己搜尋的玩唄~~
現在都流行開放式結局，那麼，文章就此EOF。
至於選擇哪個方案，我覺得大家都心裡有數了，歡迎討論~

原文連結：

http://soulteary.com/2013/01/11/let-talk-about-tag-a.html