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;">

OR 使用jQuery：

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

Answer 2

您应该使用nil或event.preventDefault()返回值：

false

但实际上，您不应该使用这样的内联事件处理程序。您应该为您的链接指定<a href="board.php?id={$id}" onclick="javascript:parent.$.fancybox.open({href : 'board.php?id={$id}', type: 'ajax'});event.preventDefault();"> or <a href="board.php?id={$id}" onclick="javascript:parent.$.fancybox.open({href : 'board.php?id={$id}', type: 'ajax'});return false;"> 或id并将处理程序附加到其中，如下所示：

class

这将使 更容易阅读和维护。

这是一个简单的jsFiddle demo。