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


Posted in Javascript onDecember 11, 2013

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

<script language=JavaScript>
    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 相关文章推荐
js 调整select 位置的函数
Feb 21 Javascript
javascript getElementsByClassName实现代码
Oct 11 Javascript
深入了解javascript中的prototype与继承
Apr 14 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
Jquery 效果使用详解
Nov 23 Javascript
jquery插件ajaxupload实现文件上传操作
Dec 09 Javascript
原生js实现返回顶部缓冲效果
Jan 18 Javascript
实例解析Vue.js下载方式及基本概念
May 11 Javascript
webpack4.0 入门实践教程
Oct 08 Javascript
js canvas实现写字动画效果
Nov 30 Javascript
vue+ElementUI 关闭对话框清空验证,清除form表单的操作
Aug 06 Javascript
Vue如何跨组件传递Slot的实现
Dec 14 Vue.js
div浮层,滚动条移动,位置保持不变的4种方法汇总
Dec 11 #Javascript
判断javascript的数据类型(示例代码)
Dec 11 #Javascript
利用javaScript实现点击输入框弹出窗体选择信息
Dec 11 #Javascript
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
Dec 11 #Javascript
jquery Tab效果和动态加载的简单实例
Dec 11 #Javascript
js为空或不是对象问题的快速解决方法
Dec 11 #Javascript
javascript获取xml节点的最大值(实现代码)
Dec 11 #Javascript
You might like
php &amp;&amp; 逻辑与运算符使用说明
2010/03/04 PHP
PHP计算2点经纬度之间的距离代码
2013/08/12 PHP
详解php的socket通信
2015/08/11 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
php reset() 函数指针指向数组中的第一个元素并输出实例代码
2016/11/21 PHP
php实现的数组转xml案例分析
2019/09/28 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
javascript 面向对象编程基础 多态
2009/08/21 Javascript
jquery 单引号和双引号的区别及使用注意
2013/07/31 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
js实现input密码框提示信息的方法(附html5实现方法)
2016/01/14 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
2016/09/17 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
vue.js系列中的vue-fontawesome使用
2018/02/10 Javascript
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
React Component存在的几种形式详解
2018/11/06 Javascript
vue使用keep-alive保持滚动条位置的实现方法
2019/04/09 Javascript
JS数据类型判断的几种常用方法
2020/07/07 Javascript
Python实现生成随机数据插入mysql数据库的方法
2017/12/25 Python
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
python与mysql数据库交互的实现
2020/01/06 Python
Python接口测试数据库封装实现原理
2020/05/09 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
在Keras中实现保存和加载权重及模型结构
2020/06/15 Python
windows10在visual studio2019下配置使用openCV4.3.0
2020/07/14 Python
Python爬取酷狗MP3音频的步骤
2021/02/26 Python
肯尼迪就职演说稿
2013/12/31 职场文书
节水倡议书范文
2014/04/15 职场文书
竞聘自述材料
2014/08/25 职场文书
Python关于OS文件目录处理的实例分享
2021/05/23 Python
浅析python中特殊文件和特殊函数
2022/02/24 Python