javascript关于open.window子页面执行完成后刷新父页面的问题分析

更新时间：2015年04月27日 09:51:38 作者：AugustTrace

这篇文章主要介绍了javascript关于open.window子页面执行完成后刷新父页面的问题,实例分析了javascript操作子页面的执行与父页面的刷新技巧,非常具有实用价值,需要的朋友可以参考下

本文实例分析了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程序设计有所帮助。

您可能感兴趣的文章:

抖音上用记事本编写爱心小程序教程
这篇文章主要为大家详细介绍了抖音上用记事本编写"爱心"小程序教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-04-04
微信小程序分享小程序码的生成（带参数）以及参数的获取
这篇文章主要介绍了微信小程序分享小程序码的生成（带参数）以及参数的获取，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-03-03
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
最近看到朋友用JavaScript实现仿新浪微博大厅和未登录腾讯微博首页滚动效果，朋友使用jquery实现的，在网上看到有用js制作的也比较好，于是把我的内容整理分享给大家，具体详解请看本文
2015-09-09
JS实现文件动态顺序载入的方法
这篇文章主要介绍了JS实现文件动态顺序载入的方法,实例分析了基于Mootools框架实现动态载入的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
详解关于webpack多入口热加载很慢的原因
这篇文章主要介绍了详解关于webpack多入口热加载很慢的原因，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-04-04
原生JS面向对象实现打砖块小游戏
这篇文章主要为大家详细介绍了原生JS面向对象实现打砖块小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-09-09
JS时间戳转换为常用时间格式的三种方式
我们在开发中经常需要把时间戳转化成日期格式,下面这篇文章主要给大家介绍了关于JS时间戳转换为常用时间格式的三种主要方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-04-04
webpack配置打包后图片路径出错的解决
本篇文章主要介绍了webpack配置打包后图片路径出错的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-04-04
JS图片懒加载技术实现过程解析
这篇文章主要介绍了JS图片懒加载技术实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-07-07
通过webpack引入第三方库的方法
这篇文章主要介绍了通过webpack引入第三方库的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-07-07