21
2019
12

js返回上一页实现的两种方法

一、

以前在提交表单的时候,如果提交出错返回的时候信息内容全没了,我不知道要怎么保存,就开始了那种最愚蠢的做法,将填写的数据设置到session中,让后取出来用,不过没有试成功,总是有错,无意之中在我那本js的资料书里看到了javascript:history.go(-1);的方法,呵呵,尝试了一次,真的实现了数据的保留总结一下。有时间的话可以好好研究一下。

下面是常用代码:

<a href="<a href="javascript :history.back(-1)">返回上一页</a>

<a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a>

如果是用按钮做的话就是:

<input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页">

用图片做的话就是:

<a href="javascript :;" onClick="javascript :history.back(-1);"><img src="图片路径" border="0" title="返回上一页"></a>

[color=#FF0000]几秒钟后[/color]自动返回上一页代码:(加入两个head间,3000表示3秒)

<SCRIPT language=javascript>

function go()

{

window.history.go(-1);

}

setTimeout("go()",3000);

</SCRIPT>

 二、 

<input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页"><br>window.history.go(-1);  //返回上一页

window.history.back();  //返回上一页

//如果要强行刷新的话就是:

window.history.back();

location.reload();

window.location.go(-1); //刷新上一页

三、

 <button  onclick="javascript:history.go(-1);">返回上一页</button>

 <button  onclick="javascript:history.back(-1);">返回上一页</button>

两种方法有所不同,一个保留表单数据,一个不保留数据。

javascript:history.back(-1);方法会返回上一页,所填写的数据会消失。

而javascript:history.go(-1);方法返回上一页,所填写的数据不会消失。

原文链接:https://www.qiquanji.com/post/7980.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。