Javascript实现返回上一页面并刷新的小例子

2019-11-20 21:29:20

字体：大中小

来源：转载

供稿：网友

今天写了一个小小的提示成功的页面，同时要求返回上一页面，并实现对上一页面的操作进行刷新（例如删除的，添加的），在网上搜寻了一遍，基本上90%的都是说的是用window.history.go(-1), 或者是用 window.history.back(-1), 还有的说子页面刷新父页面用

复制代码代码如下:

self.opener.location.reload();

</script>

经过在JSP页面的测试，在操作页面选中添加的项经过点击按钮保存再跳转到成功提示页面返回后发现都没有刷新，手动刷新后才显示出来，对于那些粘贴复制技术不经过测试的文章实在是伤心透顶。

其实对于这个技术，我并没有找到完全依赖JS能实现，有个思路就是使上一页不被缓存，每次读取出来就行了（别人的思路，具体我也没有搞懂原理）

JSP的实现方法如下：

Reply-text mb10代码

复制代码代码如下:

<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%>'">

ASP页面的实现方法如下：

复制代码代码如下:

<%'获取上一页的地址
 address = request.ServerVariables("HTTP_REFERER")
%>
<!--window.location有返回相对页面并且刷新的作用-->
<a href="javascript:window.location.href='<%=address%>'" style="cursor:hand">返回</a>

Reply-text mb10代码

复制代码代码如下:

<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>

上一篇：JavaScript Math.ceil() 函数使用介绍

下一篇：div浮层,滚动条移动,位置保持不变的4种方法汇总

学习交流

索泰发布一款GTX 1070 Mini迷你版本:小机

索泰发布一款GTX 1070 Mini迷你版本:小机箱大爱...

热门图片

猜你喜欢的新闻

猜你喜欢的关注