a連結如何執行js的方法總結（附程式碼）

這篇文章帶給大家的內容是關於a連結如何執行js的方法總結（附程式碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

目的：禁止跳轉，直接執行a連結綁定的函數

#href="javascript:;"，其中javascript:是偽協議，它可以讓我們透過一個連結來呼叫javascript函數.而採用這個方式javascript:;可以實現A標籤的點擊事件運行時，如果頁面內容很多，有滾動條時，頁面不會亂跳，用戶體驗更好

1：直接執行

<a href="javascript:a()&#39;;">  //直接执行函数a不推荐

 2：不跳躍執行建議

<a href="javascript:void(0);" onclick=&#39;a()&#39;>   //不发生跳转直接执行函数a 推荐

3：同上   建議

<a href="javascript:;" onclick=&#39;a()&#39;>       //执行了一条空的js代码 推荐

4：空的錨點

<a href="#" onclick=&#39;a()&#39;>   
//#表示top用这种方法点击后网页后返回到页面的最顶端。

5：同上，不回頁頂端  推薦

<a href="#" onclick=&#39;a()&#39; return false;>    //触发事件但不跳转  推荐

 相關推薦：

以上是a連結如何執行js的方法總結（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！