link_to_function“javascript:history.back()”在谷歌浏览器中不起作用答案

【问题标题】：link_to_function "javascript:history.back()" not working in google chromelink_to_function“javascript:history.back()”在谷歌浏览器中不起作用
【发布时间】：2011-10-13 00:28:28
【问题描述】：

处理一些动态页面，特别是我们为用户提供的个人资料页面。然而，有几个路线可供他们访问这些页面，因此为后退按钮设置特定路线是不切实际的。

这是我的代码：

<%= 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 扩展之外，它在所有这些中都有效。

【问题讨论】：

标签： html ruby-on-rails google-chrome navigation google-chrome-extension

【解决方案1】：

javascript: 协议用于hrefs，而不是onclicks。如果您取出javascript:，它可能会起作用：

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

我很奇怪 IE 和 Firefox 接受了这一点..

【讨论】：