繁体   English   中英

Onclick javascript 使浏览器 go 返回上一页?

[英]Onclick javascript to make browser go back to previous page?

是否有 function 我可以附加为按钮的单击事件以使浏览器 go 返回上一页?

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

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

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

或者

history.go(-1)

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

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

前往上一页

第一种方法

<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.......
<input name="action" type="submit" value="Cancel" onclick="window.history.back();"/> 

最短的!

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

http://jsfiddle.net/qXrbx/

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

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

window.history.back();

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

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

简单的。 一条线。

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

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

您只需要调用以下内容:

history.go(-1);

每次都对我有用

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

这是唯一适用于所有当前浏览器的方法:

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

唯一对我有用的:

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

访问window.history然后back()

window.history.back()
history.back()
    
history.go(-1)
    
window.history.back()

100% 工作

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM