Javascript 返回上一页并刷新的多种方法

发布时间:2020-02-25编辑:脚本学堂
本文介绍下,在javascript中实现返回上一页面并刷新的多种方法,感兴趣的朋友参考下。

本节内容:
javascript实现返回上一页面并刷新。

需求:
实现一个提示成功的页面,同时要求返回上一页面,并实现对上一页面的操作进行刷新(例如删除的,添加的)。
在网上找了下,大多是用window.history.go(-1), 或者是用 window.history.back(-1), 还有的说子页面刷新父页面用。

例如:
 

复制代码 代码示例:
<script language=JavaScript>
    self.opener.location.reload();
</script>
 

经过在JSP页面的测试,在操作页面选中添加的项经过点击按钮保存,再跳转到成功提示页面返回后发现都没有刷新,手动刷新后才显示出来。
其实对于这个技术,我并没有找到完全依赖JS能实现,有个思路就是使上一页不被缓存,每次读取出来就行了。

1,JSP的实现:
 

复制代码 代码示例:
<SPAN style="FONT-SIZE: 18px; BACKGROUND-COLOR: #ffffff">
<SPAN style="FONT-FAMILY: 'Microsoft YaHei'; COLOR: #3333ff">
<STRONG>
<%String rec = request.getHeader("REFERER");%>  
    <input type="button" onclick="javascript:window.location='<%=ref%>'">  
</STRONG>
</SPAN>
</SPAN> 
<%String rec = request.getHeader("REFERER");%>
<input type="button" onclick="javascript:window.location='<%=ref%>'">

2,ASP页面的实现:
 

复制代码 代码示例:
<%'获取上一页的地址
 address = request.ServerVariables("HTTP_REFERER")
%>
<!--window.location有返回相对页面并且刷新的作用-->
<a href="javascript:window.location.href='<%=address%>'" style="cursor:hand">返回</a>
<SPAN style="FONT-SIZE: 18px; BACKGROUND-COLOR: #ffffff"><SPAN style="FONT-FAMILY: 'Microsoft YaHei'; COLOR: #3333ff"><STRONG>.在servlet中  
request.getRequestDispatcher(request.getHeader("referer")).forward(request,response);  
或者  
request.getRequestURL();  
</STRONG></SPAN></SPAN>