javascript关于open.window子页面执行完成后刷新父页面的问题分析


Posted in Javascript onApril 27, 2015

本文实例分析了javascript关于open.window子页面执行完成后刷新父页面的方法。分享给大家供大家参考。具体分析如下:

主页面:

<input id="btnAdd" type="button" onclick="openWin();" value="添加" />

在js中有如下代码:

function openWin() {
window.open('addInfo.jsp', '_blank',
'width=300,height=400,top=200,left=400');
}
  //定义callback方法,用于回调
  function callback() {
refreshWin();
}
//刷新当前页面
function refreshWin() {
//调用刷新页面的方法,此处RefreshSocket为刷新页面对应的方法
//也就是说,如果页面有个刷新按钮,
//则点击按钮提交的类名就是此处的类名
var url = 'RefreshSocket';
window.location.href = url;
}

在addInfo.jsp页面有如下代码:

<form name="form" action="AddSocket" method="get">
<input id="onSub" type="button" onclick="formSubmit();" value="确定">
</form>
function formSubmit(){
this.form.submit();
//提交action到AddSocket类
window.opener.callback();
//上述执行完成后,调用打开页面的callback方法,
//此处是调用主页面的callback方法
window.close();//当前页面关闭
}

另外,如果是像删除这样的操作,直接从一个jsp跳转到一个类中,在类中执行一系列操作后,如果想刷新当前页面,那么,可以直接在类中书写跳转语句即可,如下所示:

主页面mainPage.jsp:

//删除操作关联后台的DeleteSocket类,如果要传参数,用?即可
window.location.href = DeleteSocket

DeleteSocket类页面:

//执行一系列操作后,可以直接书写JavaScript代码

//写完这句话后就可以直接跳转到主页面并刷新主页面
out.print("<script type='text/javascript'>location.href='mainPage.jsp'</script>");

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
Oct 17 Javascript
js比较和逻辑运算符的介绍
Mar 10 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
Dec 19 Javascript
JS实现弹出居中的模式窗口示例
Jun 20 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
Oct 25 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
Feb 03 Javascript
详解webpack 多页面/入口支持&amp;公共组件单独打包
Jun 29 Javascript
angular框架实现全选与单选chekbox的自定义
Jul 06 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 Javascript
一秒学会微信小程序制作table表格
Feb 14 Javascript
Vue使用虚拟dom进行渲染view的方法
Dec 26 Javascript
使用 Jest 和 Supertest 进行接口端点测试实例详解
Apr 25 Javascript
jQuery插件Tmpl的简单使用方法
Apr 27 #Javascript
javascript关于运动的各种问题经典总结
Apr 27 #Javascript
分享9点个人认为比较重要的javascript 编程技巧
Apr 27 #Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 #Javascript
原生js和jQuery写的网页选项卡特效对比
Apr 27 #Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 #Javascript
jquery实现标签上移、下移、置顶
Apr 26 #Javascript
You might like
php上传文件的增强函数
2010/07/21 PHP
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
laravel实现简单用户权限的示例代码
2019/05/28 PHP
Prototype使用指南之dom.js
2007/01/10 Javascript
js 全兼容可高亮二级缓冲折叠菜单
2010/06/04 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
AngularJS中使用HTML5手机摄像头拍照
2016/02/22 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
2016/03/11 Javascript
JS实现简单易用的手机端浮动窗口显示效果
2016/09/07 Javascript
微信小程序Server端环境配置详解(SSL, Nginx HTTPS,TLS 1.2 升级)
2017/01/12 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
AngularJS 霸道的过滤器小结
2017/04/26 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
2017/05/08 Javascript
bootstrap table使用入门基本用法
2017/05/24 Javascript
详解vue中computed 和 watch的异同
2017/06/30 Javascript
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
vue路由守卫,限制前端页面访问权限的例子
2019/11/11 Javascript
angula中使用iframe点击后不执行变更检测的问题
2020/05/10 Javascript
分析Python编程时利用wxPython来支持多线程的方法
2015/04/07 Python
简单掌握Python的Collections模块中counter结构的用法
2016/07/07 Python
Python处理CSV与List的转换方法
2018/04/19 Python
浅谈Python中的可迭代对象、迭代器、For循环工作机制、生成器
2019/03/11 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
python程序需要编译吗
2020/06/19 Python
python打开文件的方式有哪些
2020/06/29 Python
Python操作Word批量生成合同的实现示例
2020/08/28 Python
python tkinter实现下载进度条及抖音视频去水印原理
2021/02/07 Python
纯CSS3实现自定义Tooltip边框涂鸦风格的教程
2014/11/05 HTML / CSS
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
ShellScript面试题一则-ShellScript编程
2014/06/24 面试题
法学个人求职信范文
2014/01/27 职场文书
教师作风建设剖析材料
2014/10/11 职场文书
事业单位个人总结
2015/02/12 职场文书
送给教师们,到底该如何写好教学反思?
2019/07/02 职场文书
《正面管教》读后有感:和善而坚定的旅程
2019/12/19 职场文书
十大最强奥特曼武器:怪兽战斗仪在榜,第五奥特之父只使用过一次
2022/03/18 日漫