javascript - HTML onclick 和 href

Question

我有一个这样的链接。

<a href="board.php?id={$id}" onclick="javascript:parent.$.fancybox.open({href : 'board.php?id={$id}', type: 'ajax'});">

如果 JavaScript 被禁用，浏览器可以使用 href 值加载页面。但是，如果启用了 JavaScript，onclick 和 href 将一起工作。我怎样才能防止这种情况发生？我希望 href 在启用 JavaScript 时不工作。

Answer 1

您需要使用event.preventDefault();或return false;。

<a href="board.php?id={$id}" onclick="javascript:parent.$.fancybox.open({href : 'board.php?id={$id}', type: 'ajax'});return false;">

或使用 jQuery:

$('a').on('click', function(e) {
    e.preventDefault(); // Stop redirect
    // Your code here
});