之前返回上一页基本上都是使用a标签的href属性直接跳转到上一个链接的路径,今天接到的一个需求中有一个修改是需要修改跳转到上一页;
客户的网站用的是history.back(-1)返回,之前没有接触过,查了一点资料,稍微整理了一下:
<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>
利用javascript :history.back(-1)返回上一页的前提是当前的链接前面至少有两个层级,如果返回的上一页已经是一级页面,那么javascript :history.back(-1)将不会生效;这个时候如果要实现返回功能,只能“后退”;
利用JS实现“后退”功能:
<a href="#" onclick="self.location=document.referrer;">返回</a>
参考:
1.http://www.111cn.net/wy/js-ajax/47128.htm
2.http://blog.csdn.net/kungfu_panda/article/details/38581881