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 变量命名规则
Sep 23 Javascript
jQuery 打造动态下滑菜单实现说明
Apr 15 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
Jul 08 Javascript
JS数组array元素的添加和删除方法代码实例
Jun 01 Javascript
JavaScript数组去重的五种方法
Nov 05 Javascript
基于d3.js实现实时刷新的折线图
Aug 03 Javascript
jQuery表单事件实例代码分享
Aug 18 Javascript
浅谈jquery选择器 :first与:first-child的区别
Nov 20 Javascript
VueJs路由跳转——vue-router的使用详解
Jan 10 Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 Javascript
解决vue与node模版引擎的渲染标记{{}}(双花括号)冲突问题
Sep 11 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+mysql留言本源码
2009/11/11 PHP
PHP删除特定数组内容并且重建数组索引的方法.
2011/03/25 PHP
整理php防注入和XSS攻击通用过滤
2015/09/13 PHP
PHP命名空间定义与用法实例分析
2019/08/14 PHP
基于jquery的滚动新闻列表
2010/06/19 Javascript
如何用javascript计算文本框还能输入多少个字符
2015/07/29 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
2017/03/09 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
jQuery 实现左右两侧菜单添加、移除功能
2018/01/02 jQuery
webstorm和.vue中es6语法报错的解决方法
2018/05/08 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
vue中的过滤器实例代码详解
2019/06/06 Javascript
js实现一款简单踩白块小游戏(曾经很火)
2019/12/02 Javascript
vue实现点击按钮切换背景颜色的示例代码
2020/06/23 Javascript
基于jquery实现彩色投票进度条代码解析
2020/08/26 jQuery
Ant Design Vue table中列超长显示...并加提示语的实例
2020/10/31 Javascript
[01:11:28]DOTA2-DPC中国联赛定级赛 RNG vs Phoenix BO3第一场 1月8日
2021/03/11 DOTA
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
对Tensorflow中的变量初始化函数详解
2018/07/27 Python
flask 实现token机制的示例代码
2019/11/07 Python
如何基于Python按行合并两个txt
2020/11/03 Python
浅析Python打包时包含静态文件处理方法
2021/01/15 Python
购买限量版收藏品、珠宝和礼品:Bradford Exchange
2016/09/23 全球购物
以下为Windows NT 下的32 位C++程序,请计算sizeof 的值
2016/12/07 面试题
linux面试题参考答案(9)
2015/01/07 面试题
Laravel的加密解密与哈希实例讲解
2021/03/24 PHP
简历里的自我评价
2014/01/31 职场文书
市场营销大学生职业规划书
2014/02/25 职场文书
关爱老人标语
2014/06/21 职场文书
最美护士演讲稿
2014/08/27 职场文书
刑事辩护词范文
2015/05/21 职场文书
慰问信的写作格式及范文!
2019/06/24 职场文书
python中sys模块的介绍与实例
2021/04/17 Python