html - link_to_function "javascript:history.back()"在谷歌浏览器中不起作用

Question

在一些动态页面上工作，特别是我们有用户的个人资料页面。然而，他们有几个路线可以到达这些页面，因此为后退按钮设置一个特定的路线是不切实际的。

这是我的代码:

<%= link_to_function "Back", 'javascript:history.back()', { :class => "button-back" } %>

它生成了这个 html:

<a href="#" class="button-back" onclick="javascript:history.back(); return false;">Back</a>

这在 IE 和 Firefox 中有效，但在 Chrome 中无效....是什么原因？我看过其他类似的堆栈问题，但没有一个是特定于浏览器的，根据它们，这应该可行。任何帮助将不胜感激。

编辑:经过进一步测试后发现真正的问题是这在 chrome 中有效但当我将页面放入 Iframe 并尝试使用按钮在 chrome 扩展程序内部导航时不起作用。我这样做的原因是因为我们在不同的应用程序/扩展程序/工具栏中跨浏览器使用这些页面，具体取决于浏览器。除了我们的 chrome 扩展程序，它在所有这些程序中都有效。

Answer 1

javascript: 协议(protocol)它用于 hrefs，而不是用于 onclicks。如果你取出 javascript: 它可能会工作:

<%= link_to_function "Back", 'history.back()', { :class => "button-back" } %>

虽然 IE 和 Firefox 接受这一点对我来说很奇怪..