標籤中的href和onclick的區別

這樣寫是爲了讓這個連接不要連接到新頁面轉而執行一段js代碼。
和onclick能起到一樣的效果,通常來講,若是要調用腳本仍是在onclick事件裏面寫代碼,而不推薦在href='javascript:function()' 這樣的寫法,由於 href 屬性裏面設置了js代碼後,在某些瀏覽器下可能會引起其餘沒必要要的事件。形成非預期效果。

並且 onclick事件會比 href屬性先執行,因此會先觸發 onclick 而後觸發href,因此若是不想頁面跳轉,能夠設置 onclick裏面的js代碼執行到最後返回一個false,這樣 href 裏面的東西就不會執行了。

在ajax應用程序中,多寫着下面的這樣 ,以表示這個連接不跳轉,而執行一段js腳本。
<a href="javascript:void(0);" onclick="function()"></a>
或者 <a href="javascript:;" onclick="function()"></a>

void(0) 只是用來計算一個空值,其實也是什麼事情都不作,

而分號「;」則表示是一個空的js語句,這樣就不會有任何其餘跳轉發生了, javascript

並且W3C標準不推薦在href裏面執行javascript語句,因此仍是用 onclick事件觸發吧
相關文章
相關標籤/搜索