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

今天寫一個小demo時,發現正常點擊鏈接不跳轉,只有連續點擊兩次纔會跳轉,代碼很簡單,如下:

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

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



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章