zoukankan      html  css  js  c++  java
  • 返回上一页

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

  • 相关阅读:
    34、JS/AJAX
    33、mybatis(二)
    32、mybatis
    31、springmvc(注解)
    30、springmvc
    29、Oralce(五)
    Spring学习之路-SpringBoot简单入门
    Spring学习之路-从放弃到入门
    心情日记
    Spring学习之路-从入门到放弃
  • 原文地址:https://www.cnblogs.com/victor5230/p/5795699.html
Copyright © 2011-2022 走看看