Onclick JavaScript使浏览器返回上一页?

2020/10/09 02:20 · javascript ·  · 0评论

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

<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();"/> 

您只需要调用以下内容:

history.go(-1);

最短的!

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

http://jsfiddle.net/qXrbx/

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

此外,将标签用于返回按钮似乎比具有名称和类型的标签更合适...

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的答案一样,但只是一行。

每次都为我工作

<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>

100%的工作

<a onclick="window.history.go(-1); return false;" style="cursor: pointer;">Go Back</a>
本文地址:http://javascript.askforanswer.com/onclick-javascriptshiliulanqifanhuishangyiye.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!