1. 程式人生 > >標籤href屬性和onclick()執行順序及點選兩次才跳轉

標籤href屬性和onclick()執行順序及點選兩次才跳轉

今天寫一個小demo時,發現正常點選連結不跳轉,只有連續點選兩次才會跳轉,程式碼很簡單,如下:

<a href=""  onclick="queryStudent()">查詢</a>
因為太簡單了,也因為知道onclick()的執行順序在href之前執行,現在把href設定為“”,也就是不做任何動作,那就不應該會出問題,可是錯誤往往是由細節引起的,不跳轉的原因就是因為這個,原因是當執行完onclick()事件之後它還會去執行href屬性連結,所以把href=“”刪除就可以了,或者寫成href=“javascript:;”或者href=“javascript:void(0);”或者href=“#”都可以。

href=“#”和href="####"的區別在於,前者預設錨點是頁面頂端,所以點選後頁面會回到頁面頂部,這在頁面有滾動條或者比較長的時候體驗不好,後者點選後則不作任何動作,頁面還處於原來的位置。