js返回上一页各种操作方法

发布时间:2023-03-20作者:小灵龙点击:64

问题描述:
     对于返回上一页有几种方法,并且返回上一页刷新或者不刷新也有几种办法,现在总结一下。方便以后使用。

解决办法:
   
  • window.history.go(-1); //返回上一页 不过表单里的数据全部还在
  • window.history.back(); //返回上一页
    window.history.forward();  //前进  

     
  • window.location.go(-1); //刷新上一页
  • window.history.back();location.reload();//强行刷新(返回上一页刷新页面)
    location.replace(document.referrer)
    window.location.href='{$_SERVER['HTTP_REFERER']}

    小扩展:referer 名词:参照页,引用页;referer url  前一个地址

    各种标签应用:

    <input type="button" name="back" value="返回" onClick="javascript:history.back()">
    
    <script>alert("内容不能为空!");history.back();</script>
    
    a标签:
    <a href="javascript :history.back(-1)">返回上一页</a>
    或
    <a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a>
    或者
    <a  href="#" onclick="self.location=document.referrer;">返回上一页并刷新</a>
    
    <a href="javascript:" ="self.location=document.referrer;">返回上一页并刷新</a> 

    作者:AiLeime
    链接:https://www.imooc.com/article/16487
    来源:慕课网
    
    			

标签:js,js返回上一页