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

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

本文关键字:onclick vs href Chrome history back webkit      更新时间:2023-09-26

每个人都知道,但我会重复这个问题:

<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使其看起来像链接,应用蓝色、下划线和光标,但谁想要呢?

最终工作解决方案,在IE、FF、Safari、Chrome、Opera、Maxthon:中测试

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

不要忘记返回false后的分号;

它甚至适用于历史。go(-1)也。。。

对于Chrome、IE和Mozilla,我测试过,效果很好。使用以下代码:

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

这是目前所有浏览器上唯一可用的东西:

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