脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → javascript关于open.window子页面执行完成后刷新父页面的问题

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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • js innerHTML 的一些问题的解决方法

    js innerHTML 的一些问题的解决方法

    innerHTML 属性的使用非常流行，因为他提供了简单的方法完全替代一个 HTML 元素的内容。另外一个方法是使用 DOM Level 2 API（removeChild, createElement, appendChild）。但很显然，使用 innerHTML 修改 DOM tree 是非常容易且有效的方法。
    2008-06-06
  • JavaScript高级程序设计 XML、Ajax 学习笔记

    JavaScript高级程序设计 XML、Ajax 学习笔记

    JavaScript高级程序设计 XML、Ajax 学习笔记,需要的朋友可以参考下。
    2011-09-09
  • JavaScript中的类继承

    JavaScript中的类继承

    JavaScript一种没有类的，面向对象的语言，它使用原型继承来代替类继承。
    2010-11-11
  • 支付宝小程序从手动埋点到自动埋点的实现过程

    支付宝小程序从手动埋点到自动埋点的实现过程

    埋点的意思是在你想要的数据节点出进行设置,可以方便进行采集,下面这篇文章主要给大家介绍了关于支付宝小程序从手动埋点到自动埋点的相关资料,需要的朋友可以参考下
    2022-03-03
  • 深入浅析javascript继承体系

    深入浅析javascript继承体系

    这篇文章主要介绍了javascript继承体系的相关资料,需要的朋友可以参考下
    2017-10-10
  • 微信小程序后台持续定位功能使用详解

    微信小程序后台持续定位功能使用详解

    这篇文章主要介绍了微信小程序后台持续定位功能使用详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • js 动态修改css文件的方法

    js 动态修改css文件的方法

    css文件可以用js 动态修改，在做一些交互动作时，非常实用，下面是具体示例，大家可以看看
    2014-08-08
  • js 实现锚点跳转示例解析

    js 实现锚点跳转示例解析

    这篇文章主要为大家介绍了js实现锚点跳转示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-07-07
  • 十大热门的JavaScript框架和库

    十大热门的JavaScript框架和库

    这篇文章主要为大家详细介绍了十大热门的JavaScript框架和库，前端必备，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JS实现手机号脱敏的方法详解

    JS实现手机号脱敏的方法详解

    脱敏指的是通过特定的技术手段对敏感数据进行处理,使其不再直接暴露给用户或系统,防止敏感信息泄露,通常在测试、开发、数据处理等场景中使用,本文给大家介绍了JS实现手机号脱敏的方法,需要的朋友可以参考下
    2025-03-03

最新评论