Onclick javascript 让浏览器返回上一页?

IT技术 javascript html browser onclick dom-events
2021-02-10 22:59:55

是否有一个功能可以作为按钮的点击事件附加,使浏览器返回上一页?

<input name="action" type="submit" value="Cancel"/>
6个回答

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

<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;" />这个答案很旧,因此它可能是引入更现代版本浏览器的问题。:)
2021-03-22 22:59:55
这是从缓存中显示上一页还是从服务器重新加载上一页?
2021-03-22 22:59:55
请注意,内联 JS 不应在生产中使用,因为: 1. JS 代码应位于专用和缩小的.js文件中 2. 应通过内容安全策略禁用内联 JS 以减轻 XSS 注入
2021-03-23 22:59:55
@Adrien - 它的 javascript,所以它在浏览器中运行。浏览器应该重用缓存页面(假设浏览器设置和页面 http 标头设置允许这样做)。
2021-04-02 22:59:55
什么是action="action"对的一部分?它是有效的 html 吗?
2021-04-06 22:59:55
history.back()

或者

history.go(-1)

把它放在按钮onclick手柄上。它应该是这样的:

<input name="action" onclick="history.back()" type="submit" value="Cancel"/>
把它放到按钮 onClick 句柄上
2021-03-28 22:59:55
@Costa非常好,除非您正在开发 Opera Mini。
2021-04-01 22:59:55
浏览器对此有何支持?
2021-04-04 22:59:55
你可以更清楚,就像在代码中给出答案一样
2021-04-06 22:59:55

前往上一页

第一种方法

<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 正常工作,它会将浏览器返回一页。
2021-04-07 22:59:55
<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/> 

简单的。一条线。

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

就像 Wim 和 Malik 的回答一样,但只是在一行中。

工作正常,但通常如果用户决定使用这样的按钮更改特定页面上的语言,返回上一页的按钮会将语言返回,而不是页面......
2021-04-12 22:59:55