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 面试题随笔
Mar 31 Javascript
将两个div左右并列显示并实现点击标题切换内容
Oct 22 Javascript
jQuery中 attr() 方法使用小结
May 03 Javascript
详解AngularJS中的依赖注入机制
Jun 17 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
Nov 30 Javascript
理解javascript封装
Feb 23 Javascript
微信js-sdk界面操作接口用法示例
Oct 12 Javascript
mongoose中利用populate处理嵌套的方法
May 26 Javascript
Vue-Access-Control 前端用户权限控制解决方案
Dec 01 Javascript
小程序实现单选多选功能
Nov 04 Javascript
图片文字识别(OCR)插件Ocrad.js教程
Nov 26 Javascript
关于uniApp editor微信滑动问题
Jan 15 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中preg_match的isU代表什么意思
2015/10/01 PHP
JQuery获取文本框中字符长度的代码
2011/09/29 Javascript
jquery实现pager控件示例
2014/04/09 Javascript
实现checkbox全选、反选、取消JavaScript小脚本异常
2014/04/10 Javascript
跟我学Nodejs(二)--- Node.js事件模块
2014/05/21 NodeJs
简介JavaScript中substring()方法的使用
2015/06/06 Javascript
JS文字球状放大效果代码分享
2015/08/19 Javascript
微信QQ的二维码登录原理js代码解析
2016/06/23 Javascript
ReactJs快速入门教程(精华版)
2016/11/28 Javascript
微信小程序封装http访问网络库实例代码
2017/05/24 Javascript
基于jquery的on和click的区别详解
2018/01/15 jQuery
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
vue+vue-router转场动画的实例代码
2018/09/01 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
python里将list中元素依次向前移动一位
2014/09/12 Python
web.py在SAE中的Session问题解决方法(使用mysql存储)
2015/06/24 Python
Python清空文件并替换内容的实例
2018/10/22 Python
使用python实现下载我们想听的歌曲,速度超快
2020/07/09 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
Hotels.com台湾:饭店订房网
2017/09/06 全球购物
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
美国眼镜在线零售商:Dualens
2019/12/07 全球购物
Auguste The Label官网:澳大利亚一家精品女装时尚品牌
2020/06/14 全球购物
预备党员思想汇报范文
2014/01/11 职场文书
倡议书格式
2014/04/14 职场文书
暑假家长评语大全
2014/04/17 职场文书
我们的节日春节活动方案
2014/08/22 职场文书
演讲开场白台词大全
2015/05/29 职场文书
汉字听写大会观后感
2015/06/12 职场文书
详细总结Python常见的安全问题
2021/05/21 Python
SpringCloud Alibaba项目实战之nacos-server服务搭建过程
2021/06/21 Java/Android
Django模型层实现多表关系创建和多表操作
2021/07/21 Python
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL