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 call和apply方法
Nov 24 Javascript
IE6浏览器中window.location.href无效的解决方法
Nov 20 Javascript
javascript 判断两个日期之差的示例代码
Sep 05 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
Dec 29 Javascript
jquery实现简单的全选和反选功能
Jan 02 Javascript
fullpage.js全屏滚动插件使用实例
Sep 06 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
Oct 14 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
vue.js项目打包上线的图文教程
Nov 16 Javascript
Angular5中提取公共组件之radio list的实例代码
Jul 10 Javascript
浅析vue-router原理
Oct 19 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
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
日本十大惊悚动漫
2020/03/04 日漫
php 无限级分类学习参考之对ecshop无限级分类的解析 带详细注释
2010/03/23 PHP
twig模板获取全局变量的方法
2016/02/05 PHP
JavaScript 节点操作 以及DOMDocument属性和方法
2007/12/06 Javascript
js String对象中常用方法小结(字符串操作)
2012/01/27 Javascript
js二级地域选择的实现方法
2013/06/17 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
2014/03/04 Javascript
js控制href内容的连接内容的变化示例
2014/04/30 Javascript
了解Javascript的模块化开发
2015/03/02 Javascript
JavaScript对Cookie进行读写操作实例
2015/07/25 Javascript
JS基于VML技术实现的五角星礼花效果代码
2015/10/26 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
学习Bootstrap滚动监听 附调用方法
2016/07/02 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
微信小程序 出现47001 data format error原因解决办法
2017/03/10 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
Three.js开发实现3D地图的实践过程总结
2017/11/20 Javascript
深入理解es6块级作用域的使用
2019/03/28 Javascript
[01:04]DOTA2上海特锦赛现场采访 FreeAgain遭众解说围攻
2016/03/25 DOTA
python实现巡检系统(solaris)示例
2014/04/02 Python
Python使用Flask框架同时上传多个文件的方法
2015/03/21 Python
python中日志logging模块的性能及多进程详解
2017/07/18 Python
基于python实现在excel中读取与生成随机数写入excel中
2018/01/04 Python
如何安装多版本python python2和python3共存以及pip共存
2018/09/18 Python
python装饰器原理与用法深入详解
2019/12/19 Python
python中的垃圾回收(GC)机制
2020/09/21 Python
css3实现一个div设置多张背景图片及background-image属性实例演示
2017/08/10 HTML / CSS
Proenza Schouler官方网站:纽约女装和配饰品牌
2019/01/03 全球购物
作为网站管理者应当如何防范XSS
2014/08/16 面试题
中学家长会邀请函
2014/01/17 职场文书
揭牌仪式主持词
2014/03/19 职场文书
单位法人授权委托书范本
2014/10/09 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
爱心募捐感谢信
2015/01/22 职场文书
实操Python爬取觅知网素材图片示例
2021/11/27 Python