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浅谈之引用类型
Dec 18 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
javascript中substring()、substr()、slice()的区别
Aug 30 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
AngularJS模仿Form表单提交的实现代码
Dec 08 Javascript
Vue数据驱动模拟实现4
Jan 12 Javascript
JavaScript设计模式之单例模式详解
Jun 09 Javascript
vue组件的写法汇总
Apr 12 Javascript
vue底部加载更多的实例代码
Jun 29 Javascript
webpack+vue.js构建前端工程化的详细教程
May 10 Javascript
vue 需求 data中的数据之间的调用操作
Aug 05 Javascript
Three.js实现雪糕地球的使用示例详解
Jul 07 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中的常用函数回顾
2013/07/11 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
PDO::quote讲解
2019/01/29 PHP
laravel5.5添加echarts实现画图功能的方法
2019/10/09 PHP
如何重写Laravel异常处理类详解
2020/12/20 PHP
javascript中的delete使用详解
2013/04/11 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
2013/10/29 Javascript
JavaScript cookie的设置获取删除详解
2014/02/11 Javascript
js 实现的可折叠留言板(附源码下载)
2014/07/01 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
2014/10/17 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
使用window.prompt()实现弹出用户输入的对话框
2015/04/13 Javascript
javascript实现移动端上的触屏拖拽功能
2016/03/04 Javascript
JS Array创建及concat()split()slice()的使用方法
2016/06/03 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
bootstrap的工具提示实例代码
2017/05/17 Javascript
Angular中使用MathJax遇到的一些问题
2017/12/15 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
2020/07/01 Javascript
Vue中父子组件的值传递与方法传递
2020/09/28 Javascript
[02:08]2014DOTA2国际邀请赛 430专访:力争取得小组前二
2014/07/11 DOTA
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
python使用Image处理图片常用技巧分析
2015/06/01 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
Pycharm 设置默认解释器路径和编码格式的操作
2021/02/05 Python
意大利拉斐尔时尚购物网:Raffaello Network(支持中文)
2018/11/09 全球购物
Wedgwood英国官方网站:英式精致骨瓷餐具、礼品与生活精品,源于1759年
2019/09/02 全球购物
如何使用PHP session
2015/04/21 面试题
实习教师自我鉴定
2013/12/12 职场文书
酒店副总岗位职责
2013/12/24 职场文书
住房公积金接收函
2014/01/09 职场文书
公司活动方案范文
2014/03/06 职场文书
心理学专业求职信
2014/06/16 职场文书
高一学年自我鉴定范文(3篇)
2014/09/26 职场文书
校园运动会广播稿
2014/10/06 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书
数据库之SQL技巧整理案例
2021/07/07 SQL Server