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 相关文章推荐
一个js写的日历(代码部分网摘)
Sep 20 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
Mar 06 Javascript
百度移动版的url编码解码示例
Apr 29 Javascript
js实现网页自动刷新可制作节日倒计时效果
May 27 Javascript
javascript中拼接HTML字符串的最快、最好的方法
Jun 07 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
Feb 23 Javascript
JS中常用的正则表达式
Sep 29 Javascript
通过网页查看JS源码中汉字显示乱码的解决方法
Oct 26 Javascript
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
vue .sync修饰符的使用详解
Jun 15 Javascript
关于vue里页面的缓存详解
Nov 04 Javascript
JavaScript获取时区实现过程解析
Sep 24 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 foreach循环使用详解与实例代码
2010/05/08 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
学习ExtJS 访问容器对象
2009/10/07 Javascript
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
方便实用的jQuery checkbox复选框全选功能简单实例
2013/10/09 Javascript
node.js中的url.parse方法使用说明
2014/12/10 Javascript
JavaScript中神奇的call()方法
2015/03/12 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
2016/06/01 Javascript
JavaScript获取IP获取的是IPV6 如何校验
2016/06/12 Javascript
AngularJS基础 ng-model-options 指令简单示例
2016/08/02 Javascript
node.js中express中间件body-parser的介绍与用法详解
2017/05/23 Javascript
探讨Vue.js的组件和模板
2017/10/27 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
2018/03/06 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
2018/04/26 Javascript
JS判断两个数组或对象是否相同的方法示例
2019/02/28 Javascript
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
layer.js之回调销毁对话框的例子
2019/09/11 Javascript
Python基于pillow判断图片完整性的方法
2016/09/18 Python
Python入门_学会创建并调用函数的方法
2017/05/16 Python
python实现猜拳小游戏
2020/04/05 Python
python 函数的缺省参数使用注意事项分析
2019/09/17 Python
详解Python绘图Turtle库
2019/10/12 Python
Python3.7 读取 mp3 音频文件生成波形图效果
2019/11/05 Python
python与c语言的语法有哪些不一样的
2020/09/13 Python
python简单实现插入排序实例代码
2020/12/16 Python
护士实习自我鉴定
2013/10/22 职场文书
《长城》教学反思
2014/02/14 职场文书
班级出游活动计划书
2014/08/15 职场文书
龙潭大峡谷导游词
2015/02/10 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
青年干部培训班学习心得体会
2016/01/06 职场文书
2016大学生优秀志愿者事迹材料
2016/02/25 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python
PHP命令行与定时任务
2021/04/01 PHP
python字符串常规操作大全
2021/05/02 Python