教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 Javascript 返回上一页并刷新的多种方法

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

发布时间:2015-03-21   编辑:jiaochengji.com
本文介绍下,在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>

您可能感兴趣的文章:
js返回上一页并刷新多种方法举例
js返回上一页并刷新的几种方法
js返回上一页并刷新的多种方法
Javascript 返回上一页并刷新的多种方法
js自动刷新当前页面方法详解
js定时刷新页面与跳转页面多种方法
javascript刷新当前页面方法汇总
jquery刷新页面 jquery局部刷新与及全页面刷新
js刷新页面实例解析
jquery刷新页面的实现代码(局部及全页面刷新)

关键词: history  上一页  刷新   
[关闭]
~ ~