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 相关文章推荐
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
Jan 29 Javascript
url 编码 js url传参中文乱码解决方案
Apr 11 Javascript
通过JS来判断页面控件是否获取焦点
Jan 03 Javascript
使用jquery修改表单的提交地址基本思路
Jun 04 Javascript
JavaScript encodeURI 和encodeURIComponent
Dec 04 Javascript
Bootstrap源码解读排版(1)
Dec 23 Javascript
详解vue-cli中配置sass
Jun 21 Javascript
js图片上传的封装代码
Aug 01 Javascript
详解微信小程序审核不通过的解决方法
Jan 17 Javascript
JS运动改变单物体透明度的方法分析
Jan 23 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
Apr 19 Javascript
微信小程序换肤功能实现代码(思路详解)
Aug 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
综合图片计数器
2006/10/09 PHP
php面向对象的方法重载两种版本比较
2008/09/08 PHP
php打包网站并在线压缩为zip
2016/02/13 PHP
Zend Framework教程之分发器Zend_Controller_Dispatcher用法详解
2016/03/07 PHP
Yii框架结合sphinx,Ajax实现搜索分页功能示例
2016/10/18 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
PHP哈希表实现算法原理解析
2020/12/11 PHP
Javascript 各浏览器的 Javascript 效率对比
2008/01/23 Javascript
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
JQueryEasyUI Layout布局框架的使用
2013/04/08 Javascript
仿百度输入框智能提示的js代码
2013/08/22 Javascript
使用JavaScript获取地址栏参数的方法
2014/12/19 Javascript
jQuery中[attribute!=value]选择器用法实例
2014/12/31 Javascript
nodejs爬虫抓取数据乱码问题总结
2015/07/03 NodeJs
浅析location.href跨窗口调用函数
2016/11/22 Javascript
基于NodeJS+MongoDB+AngularJS+Bootstrap开发书店案例分析
2017/01/12 NodeJs
前端天气插件tpwidget使用方法详解
2019/06/24 Javascript
浅谈layui 绑定form submit提交表单的注意事项
2019/10/25 Javascript
[00:35]TI7不朽珍藏III——寒冰飞龙不朽展示
2017/07/15 DOTA
django中的HTML控件及参数传递方法
2018/03/20 Python
python 寻找list中最大元素对应的索引方法
2018/06/28 Python
深入浅析python的第三方库pandas
2020/02/13 Python
Python 基于jwt实现认证机制流程解析
2020/06/22 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
html5使用canvas绘制太阳系效果
2014/12/15 HTML / CSS
澳大利亚首屈一指的在线购物目的地:Kogan.com
2017/02/02 全球购物
理肤泉俄罗斯官网:La Roche-Posay俄罗斯
2018/07/24 全球购物
活动倡议书范文
2014/05/13 职场文书
中层干部竞聘演讲稿
2014/05/15 职场文书
个人安全生产承诺书
2014/05/22 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
供用电专业求职信
2014/07/07 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
OpenCV-Python实现轮廓拟合
2021/06/08 Python
SQL Server的存储过程与触发器以及系统函数和自定义函数
2022/04/10 SQL Server
Golang 实现 WebSockets 之创建 WebSockets
2022/04/24 Golang