Onclick javascript使浏览器返回上一页？

Posted 2023-02-19

【中文标题】Onclick javascript使浏览器返回上一页？

【英文标题】：Onclick javascript to make browser go back to previous page?

【发布时间】：2011-12-25 10:25:09

【问题描述】：

我可以附加一个函数作为按钮的单击事件以使浏览器返回上一页吗？

<input name="action" type="submit" value="Cancel"/>

【问题讨论】：

window.history.back()

【参考方案1】：

访问window.history，然后调用back()

window.history.back()

【讨论】：

如果我重新加载，其他一些人不会将我带到上一页，但这个会

【参考方案2】：

唯一对我有用的：

function goBackAndRefresh() 
  window.history.go(-1);
  setTimeout(() => 
    location.reload();
  , 0);

【参考方案3】：

100% 工作

<a onclick="window.history.go(-1); return false;" style="cursor: pointer;">Go Back</a>

【参考方案4】：

每次都为我工作

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>

【参考方案5】：

将此添加到您的输入元素中

<input
    action="action"
    onclick="window.history.go(-1); return false;"
    type="submit"
    value="Cancel"
/>

【讨论】：

这对我来说不适用于所有浏览器，我必须执行以下操作<input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" /> 这个答案已经很老了，所以它可能是引入到更现代版本的浏览器中的问题。 :)

这是显示缓存中的上一页还是从服务器重新加载上一页？

action="action" 部分是干什么用的？它是有效的html吗？？

@Adrien - 它的javascript，所以它在浏览器中运行。浏览器应该重用缓存页面（假设浏览器设置和页面 http 标头设置允许这样做）。

请注意，内联 JS 不应在生产中使用，因为：1. JS 代码应位于专用且缩小的.js 文件中 2. 应通过内容安全策略禁用内联 JS，以减轻 XSS 注入

【参考方案6】：

history.back()

或

history.go(-1)

把这个放到按钮onclick句柄上。它应该是这样的：

<input name="action" onclick="history.back()" type="submit" value="Cancel"/>

【讨论】：

把这个放到按钮onClick句柄上

你可以在代码中给出答案更清楚

浏览器支持什么？

@Costa pretty good，除非你正在开发 Opera Mini。

【参考方案7】：

简单。一行。

<button onclick="javascript:window.history.back();">Go Back</button>

类似于 Wim 和 Malik 的回答，但仅在一行中。

【讨论】：

工作正常，但通常如果用户决定使用这样的按钮更改特定页面上的语言，返回上一页的按钮将返回语言，而不是页面......

【参考方案8】：

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

<script>
function goBack() 
    history.go(-1);

</script>
<button onclick="goBack()">Go Back</button>

【参考方案9】：

window.history.back();

<button onclick="goBack()">Go Back</button>

<script>
function goBack() 
    window.history.back();

</script>

【参考方案10】：

转到上一页

第一种方法

<a href="javascript: history.go(-1)">Go Back</a>

第二种方法

<a href="##" onClick="history.go(-1); return false;">Go back</a> 

如果我们想多退一步然后增加

For going 2 steps back history.go(-2)
For going 3 steps back history.go(-3)
For going 4 steps back history.go(-4)
and so on.......

【讨论】：

@JeromeJ 如果页面上的 JavaScript 未启用/工作（无论出于何种原因），它是一个不会执行任何操作的链接。如果 JavaScript 正常工作，它会将浏览器返回一页。

【参考方案11】：

最短的！

<button onclick="history.go(-1);">Go back</button>

http://jsfiddle.net/qXrbx/

那时我更喜欢 .go(-number) 方法，对于 1 个或多个“支持”，只有一种方法可以使用/记住/更新/搜索等。

此外，使用标签作为后退按钮似乎比带有名称和类型的标签更合适......

【参考方案12】：

您只需要调用以下代码：

history.go(-1);

【参考方案13】：

<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/>