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 相关文章推荐
javaScript parseInt字符转化为数字函数使用小结
Nov 05 Javascript
nullJavascript中创建对象的五种方法实例
May 07 Javascript
DOM节点删除函数removeChild()用法实例
Jan 12 Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 Javascript
简单实现AngularJS轮播图效果
Apr 10 Javascript
vue如何实现observer和watcher源码解析
Mar 09 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
解决Vue调用springboot接口403跨域问题
Sep 02 Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
Oct 17 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
js获取图片的base64编码并压缩
Dec 05 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通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
php图片缩放实现方法
2014/02/20 PHP
PHP嵌套输出缓冲代码实例
2015/05/12 PHP
php 流程控制switch的简单实例
2016/06/07 PHP
PHP自定义函数获取汉字首字母的方法
2016/12/01 PHP
php设计模式之组合模式实例详解【星际争霸游戏案例】
2020/03/27 PHP
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
2009/03/26 Javascript
javascript innerHTML使用分析
2010/12/03 Javascript
Javascript基础教程之switch语句
2015/01/18 Javascript
js实现滑动触屏事件监听的方法
2015/05/05 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
2015/05/19 Javascript
基于Javascript实现文件实时加载进度的方法
2016/10/12 Javascript
canvas绘图不清晰的解决方案
2017/02/28 Javascript
js获取元素的偏移量offset简单方法(必看)
2017/07/05 Javascript
详解vue 实例方法和数据
2017/10/23 Javascript
微信小程序新手教程之页面打开数量限制
2019/03/03 Javascript
Vue中jsx不完全应用指南小结
2019/11/01 Javascript
js canvas实现星空连线背景特效
2019/11/01 Javascript
python做量化投资系列之比特币初始配置
2018/01/23 Python
python梯度下降法的简单示例
2018/08/31 Python
Python高阶函数、常用内置函数用法实例分析
2019/12/26 Python
Python collections.defaultdict模块用法详解
2020/06/18 Python
Python爬虫Scrapy框架CrawlSpider原理及使用案例
2020/11/20 Python
Django实现简单的分页功能
2021/02/22 Python
Canvas高级路径操作之拖拽对象的实现
2019/08/05 HTML / CSS
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
阿联酋航空假期:Emirates Holidays
2018/03/20 全球购物
优秀党员获奖感言
2014/02/18 职场文书
答谢会策划方案
2014/05/12 职场文书
财务部副经理岗位职责范本
2014/06/17 职场文书
旅游活动总结
2014/08/27 职场文书
农业局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
2015年机械设备管理工作总结
2015/05/04 职场文书
班主任经验交流心得体会
2015/11/02 职场文书
幼师自荐信范文(2016推荐篇)
2016/01/28 职场文书
2019终止劳动合同协议书最新范本!
2019/07/09 职场文书