【问题标题】:Help needed in Javascript + Image + HREFJavascript + Image + HREF 需要帮助
【发布时间】:2010-03-12 14:01:20
【问题描述】:

在上面的代码中,我在图像标签上附加了一个 javascript onclick 方法。当我单击图像一次并按返回时,它应该返回到它来自的页面。相反,它停留在同一页面上。有什么办法可以避免吗? (可能设置其他东西而不是href="#")。我设置href="#"的原因是为了让我的光标变成手形,除此之外没有任何用处。

这发生在 Firefox 中。在 IE 中运行良好。

请帮忙。谢谢。

【问题讨论】:

标签: javascript html css


【解决方案1】:

我设置 href="#" 的原因是为了让 我的光标变成了手,除了 一点用处都没有。

你可以去掉<a href="#">,给图片添加cursor: pointer样式:

<img src="logo.gif" style="cursor: pointer;" />

...将光标变成手形。

另一方面,最好遵循渐进增强指南,例如David suggested in another answer

【讨论】:

【解决方案2】:
<a href="#"><img src="http://www.google.com/intl/en_ALL/images/logo.gif" onClick="alert('hi'); return false;"/></a>

如果您不想加载链接,则需要在 onclick 事件中添加 return false;

【讨论】:

  • 与此问题不完全相关,但在a 上进行点击事件比在img 上进行点击事件更好
  • @Teja,是的,我会在a上说
【解决方案3】:
<a href="#">
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" 
    onClick="alert('hi'); return false;"/>
</a>

return false 阻止默认操作发生(在这种情况下导航到“#”),然后导航返回将返回上一页,而不是返回没有“#”的当前页面。

【讨论】:

    【解决方案4】:

    遵循progressive enhancement 的实用指南。特别是:建立在有效的基础上。

    【讨论】:

      【解决方案5】:

      改用这个:

      【讨论】:

        猜你喜欢
        • 2017-10-05
        • 2011-10-17
        • 2021-05-16
        • 1970-01-01
        • 1970-01-01
        • 2012-05-23
        • 1970-01-01
        • 1970-01-01
        • 2019-05-09
        相关资源
        最近更新 更多