返回上一页

  之前返回上一页基本上都是使用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

原文地址:https://www.cnblogs.com/victor5230/p/5795699.html