JavaScript 超連結：href 與 onclick - 哪個最適合函式呼叫？

JavaScript - 超連結的回呼函數：href 與onclick

當嘗試在超連結點擊上觸發JavaScript 函數而不導致頁面重定向時，會出現有關正確使用href 和onclick 屬性。

href 屬性

將 JavaScript 呼叫放入 href 屬性中可能會導致瀏覽器同時執行 JavaScript 程式碼和連結重新導向。不鼓勵這種行為，因為它可能會導致意外結果。

錯誤用法：

<a href="javascript:my_function();window.print();">...</a>

onclick 屬性

將 JavaScript 呼叫綁定到onclick 事件提供了更多對行為的控制。它允許執行 JavaScript 程式碼，同時防止重定向。

推薦用法：

<a href="#" onclick="MyFunction(); return false;">...</a>

「return false;」語句確保瀏覽器不會點選連結。

最佳實務

最佳方法是利用 jQuery 等框架透過元素的 ID 附加 onclick 事件處理程序。這提供了更大的靈活性，並避免了 href 所使用的潛在問題。

最佳解：

$('#myLink').click(function() { MyFunction(); return false; });

以上是JavaScript 超連結：href 與 onclick - 哪個最適合函式呼叫？的詳細內容。更多資訊請關注PHP中文網其他相關文章！