为什么 href 链接不起作用而 onClick 链接起作用？答案

【问题标题】：Why doesn't a href link work while an onClick link does?为什么 href 链接不起作用而 onClick 链接起作用？
【发布时间】：2011-07-08 11:02:58
【问题描述】：

在我的 jquery 滑块中，我试图用 href 链接将图像包装在标签中。他们反应迟钝。但是，onclick="javascript:self.location.href='http://hodaradesign.com/'; 返回 false;"工作正常。这是为什么呢？

<a href="hodaradesign.com"><img id="book2" class="book" src="book2.png" /></a>

<img id="book3" class="book" src="book3.png" onclick="javascript:self.location.href='http://hodaradesign.com/'; return false;" />

有什么想法吗？

【问题讨论】：

【解决方案1】：

因为您的滑块不知道也不关心<a...> 元素，它只查看类设置为book 的元素！

试试这个：

<a class="book" href="http://hodaradesign.com">
  <img id="book2" src="book2.png" />
</a>

【讨论】：

【解决方案2】：

您在<img> 标记而不是<a> 标记上指定了 href 属性。

应该是：

<a href="http://hodaradesign.com"><img id="book2" class="book" src="book2.png" /></a>

如果您在 onlckick 事件处理程序中返回 false，则会阻止执行该事件。在这种情况下打开链接。

【讨论】：

【解决方案3】：

这看起来有点像意大利面条代码。

您不需要在 onclick 事件中使用 javascript: 处理程序，因为它已经是一个 javascript 事件。此外，如果启用并正确执行了 javascript，onclick 事件中的 return false 将阻止链接被跟踪。

类似这样的东西或其他一些听众可能是你的问题。

【讨论】：