onclick javascript让浏览器回到上一页?

Doc*_*day 236 html javascript browser onclick dom-events

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

<input name="action" type="submit" value="Cancel"/>
Run Code Online (Sandbox Code Playgroud)

rog*_*ith 420

在你的input元素中添加:

<input action="action" onclick="window.history.go(-1); return false;" type="button" value="Back" />
Run Code Online (Sandbox Code Playgroud)

  • 这对我来说并不适用于所有浏览器,我必须执行以下操作:<input action ="action"type ="button"value ="Back"onclick ="window.history.go(-1); return false ;" 这个答案已经很老了,所以它可能是一个引入更现代版浏览器的问题.:) (46认同)
  • 什么是`action ="action"`的一部分?它是有效的HTML? (6认同)
  • 这是显示缓存中的上一页还是从服务器重新加载上一页? (4认同)

Vad*_*dim 114

history.back()
Run Code Online (Sandbox Code Playgroud)

要么

history.go(-1)
Run Code Online (Sandbox Code Playgroud)

  • 把它放在按钮onClick手柄上 (11认同)
  • 您可以更清楚地在代码中给出答案 (7认同)
  • 那对浏览器有什么支持? (2认同)

Riz*_*ill 93

对于转到上一页

第一种方法

<a href="javascript: history.go(-1)">Go Back</a>
Run Code Online (Sandbox Code Playgroud)

第二种方法

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

如果我们想要退回一步以上则增加

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.......
Run Code Online (Sandbox Code Playgroud)

  • @JeromeJ如果JavaScript未在页面上启用/工作(无论出于何种原因),它就是一个什么都不做的链接.如果JavaScript正在运行,则浏览器将返回一页. (2认同)

hsp*_*ain 14

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


Ric*_*lly 12

您只需要调用以下内容:

history.go(-1);
Run Code Online (Sandbox Code Playgroud)


Mic*_*ant 12

最短的!

<button onclick="history.go(-1);">Go back</button>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/qXrbx/

我更喜欢这种.go(-number)方法,对于1或多个'后退',只有1种方法可以使用/记住/更新/搜索等.

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


Mal*_*lil 11

window.history.back();

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

<script>
function goBack() {
    window.history.back();
}
</script>
Run Code Online (Sandbox Code Playgroud)


Man*_*wat 10

每次都对我有用

<a href="javascript:history.go(-1)">
    <button type="button">
        Back
    </button>
</a>
Run Code Online (Sandbox Code Playgroud)


小智 8

简单。一条线。

<button onclick="javascript:window.history.back();">Go Back</button>
Run Code Online (Sandbox Code Playgroud)

就像Wim和Malik的答案一样,只是一排。


Gau*_*til 7

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

window.history.back()
Run Code Online (Sandbox Code Playgroud)


小智 6

这是在所有当前浏览器上唯一起作用的东西:

<script>
function goBack() {
    history.go(-1);
}
</script>
<button onclick="goBack()">Go Back</button>
Run Code Online (Sandbox Code Playgroud)