javascript - webkit / Chrome history.back(-1) onclick vs href

Question

每个人都知道，但我会重复这个问题：

<a href="#" onClick="history.go(-1)">Back</a>

不适用于基于 WebKit 的浏览器（Chrome、Safari、Mxthon 等）

另一种不起作用的方法（应该有效）是：

<a href="#" onclick="javascript:window.history.back(-1);">Back</a>

你可以这样做 - 工作！（但那是在 url 提示中显示 JS）

<a href="javascript:window.history.back(-1);">Back</a>

要在 onclick 事件中使用 JS，您可以这样做（有效，但请参阅下面的评论）：

<a onclick="javascript:window.history.back(-1);">Please try again</a>

缺少 href 会使其工作，但不会显示为可点击链接，您可以应用 css 使其看起来像链接，应用蓝色、下划线和光标手，但谁想要呢？

score 37 · Accepted Answer

最终可行的解决方案，在 IE、FF、Safari、Chrome、Opera、Maxthon 中测试：

<a href="#" onclick="window.history.back();return false;">Back</a>

return false 后不要忘记分号；

score 2 · Accepted Answer

它甚至可以使用 history.go(-1) 也...

对于我测试过的 Chrome、IE、Mozilla，工作正常。使用以下代码：

<a href="#" onclick="history.go(-1);return false;" style="text-decoration:underline;">Back</a>

score 0 · Accepted Answer

这是唯一适用于所有当前浏览器的东西：

<script>
function goBack() {
    history.go(-1);
}
</script>
<a onclick="goBack()">Back</a>

3 回答 3