Question

在上面的代码中，我将一个javascript onclick方法附加到图像标记。当我单击图像一次然后按回来时，它应该返回到它来自的页面。相反，它停留在同一页面上。有什么办法可以避免吗？（可能设置了其他内容而不是href="#"）。我设置href="#"的原因是让我的光标变成手，除了没有用之外。

这在Firefox中出现。在IE中它工作正常。

请帮忙。感谢。

Answer 1

我设置href =“＃”的原因是我的光标变成了手，而不是它没用。

您可以移除<a href="#">并将cursor: pointer样式添加到图片中：

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

...将光标变成手。

另一方面，最好遵循渐进式增强指南，David suggested in another answer。

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

Answer 3

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

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

Answer 4

遵循progressive enhancement的实用指南。特别是：建立有用的东西。

Answer 5

使用此代替：＆lt; img src =“http://www.google.com/intl/en_ALL/images/logo.gif”onClick =“alert（'hi'）”style =“cursor：pointer”/＆gt;

Javascript + Image + HREF需要帮助

5 个答案: