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模板实现方法
Apr 27 Javascript
关于jquery append() html时的小问题的解决方法
Dec 16 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
Mar 03 Javascript
javascript实现网页端解压并查看zip文件
Dec 15 Javascript
javascript中Date format(js日期格式化)方法小结
Dec 17 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
Jan 04 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
Nov 25 Javascript
jquery dataview数据视图插件使用方法
Dec 23 Javascript
vue之数据交互实例代码
Jun 20 Javascript
AngularJS创建一个上传照片的指令实例代码
Feb 24 Javascript
jQuery动态移除与增加onclick属性的方法详解
Jun 07 jQuery
vue或react项目生产环境去掉console.log的操作
Sep 02 Javascript
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版)
2006/10/09 PHP
ADODB结合SMARTY使用~超级强
2006/11/25 PHP
php自动给文章加关键词链接的函数代码
2012/11/29 PHP
析构函数与php的垃圾回收机制详解
2013/10/28 PHP
php中出现空白页的原因及解决方法汇总
2014/07/08 PHP
PHP笛卡尔积实现算法示例
2018/07/30 PHP
php+croppic.js实现剪切上传图片功能
2018/08/14 PHP
php正则表达式使用方法整理集合
2020/01/31 PHP
关于PHP中interface的用处详解
2020/07/26 PHP
jQuery 加上最后自己的验证
2009/11/04 Javascript
jQuery实现的类flash菜单效果代码
2010/05/17 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
2013/07/04 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
深入浅析Vue组件开发
2016/11/25 Javascript
JS日程管理插件FullCalendar中文说明文档
2017/02/06 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
vue-cli如何引入bootstrap工具的方法
2017/10/19 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
2018/05/17 Javascript
详解Vue单元测试case写法
2018/05/24 Javascript
js数据类型检测总结
2018/08/05 Javascript
JavaScript实用代码小技巧
2018/08/23 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
2020/06/16 Javascript
如何用python写一个简单的词法分析器
2018/12/18 Python
使用Template格式化Python字符串的方法
2019/01/22 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
Python的互斥锁与信号量详解
2019/09/12 Python
Flask之pipenv虚拟环境的实现
2019/11/26 Python
python3.7添加dlib模块的方法
2020/07/01 Python
高一数学教学反思
2014/02/07 职场文书
购房意向书
2014/04/01 职场文书
优秀团员事迹材料2000字
2014/08/20 职场文书
幼儿园教师个人工作总结2015
2015/05/12 职场文书
刮痧观后感
2015/06/05 职场文书
上帝为你开了一扇窗之Tkinter常用函数详解
2021/06/02 Python
MySQL中IO问题的深入分析与优化
2022/04/02 MySQL