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中文网其他相关文章！