`
kaminlee
  • 浏览: 264169 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

JavaScript:关闭弹出窗口时刷新父窗口

阅读更多
说明:关闭弹出窗口时刷新父窗口也可以说是关闭子窗口时自动刷新父窗口中的信息,即用户通过window对象的open()方法打开一个新窗口(子窗口),当用户在该子窗口中进行了数据库操作(如数据添加、修改和删除等)之后,关闭子窗口时,系统会自动刷新父窗口来实时更新信息;

思路和技术:

主要应用window.open()语句打开新窗口,并在新窗口中应用opener属性,该属性返回一个引用,用于指定打开本窗口的窗口对象。

& 语法:

window.opener

window.opener.方法

window.opener.属性

功能:返回的是一个窗口对象。opener属性与打开该窗口的父窗口相联系,当访问子窗口中opener属性时,返回的是父窗口,通过该属性,可以使用父窗口对象中的方法和属性。

注意:

如果窗口不是由其他窗口打开的,在Netscape中这个属性返回null;在IE中返回“未定义”(undefined)。undefined在一定程度上等于null。需要说明的是,undefined不是JavaScript常数,如果读者企图使用undefined,那就真的返回“未定义”了。

reload()方法相当于单击浏览器上的“刷新”(IE)或“Reload”(Netscap)按钮。


代码1(打开新窗口):
<a href="#" onClick="Javascript:window.open('meeting_add.jsp','','width=560,height=397')">超链接</a> 

代码2(关闭弹出窗口并刷新主页面):
<script language="javascript"> 
alert("会议记录保存成功!");
window.opener.location.reload(); //刷新父窗口中的网页
window.close();//关闭当前窗窗口
</script>

代码3(关闭弹出窗口并刷新主页面,重点推荐方法):
<script language="javascript"> 
function save(){ 
    document.getElementById("pointsform").submit(); 
    alert('保存成功'); 
    window.opener.document.getElementById("cmd").value="query"; 
    window.opener.document.getElementById("khxzform").submit();
    window.close(); 
}    
</script>
分享到:
评论

相关推荐

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    通过以上步骤,我们可以实现使用`showModalDialog`弹出窗口并在关闭时不刷新父窗口的需求。这种方法不仅能够提高用户体验,还能更好地管理页面的状态。需要注意的是,随着浏览器对`showModalDialog`的支持逐渐减少,...

    JS关闭窗口弹出新窗口,关闭新窗口时,刷新父窗口,JS代码实现刷新网页,js实现弹出窗口代码收集集萃

    今天,我们将探索如何使用 JavaScript 实现弹出窗口,并且在关闭新窗口时刷新父窗口。 基本弹出窗口代码 要实现弹出窗口,只需在 HTML 文件中添加一段 JavaScript 代码即可。下面是一个基本的弹出窗口代码: ```...

    分页后弹出模态窗口刷新父窗口

    根据给定文件的信息,本文将围绕“分页后弹出模态窗口刷新父窗口”的主题进行深入探讨。此话题主要涉及前端开发中的交互设计、页面更新机制以及如何在不同的页面间进行数据同步等内容。 ### 一、理解分页与模态窗口...

    刷新父窗口的多种方法

    在Web开发中,经常会出现需要从子窗口或弹出窗口刷新父窗口的情况。这通常发生在使用JavaScript进行页面交互时。本文将详细介绍四种不同的方法来实现这一目标。 #### 1. 弹出子页面刷新父窗口 在打开一个新的窗口...

    ASP 开发实例 窗口一些设置实例 自动关闭的广告窗口 关闭弹出窗口刷新父窗口 居中显示弹出的窗口 鼠标指针滑过链接样式 离开时启动收藏夹 安徽机电职业技术学院 陈伟

    2. **关闭弹出窗口刷新父窗口**: 当用户关闭一个弹出窗口时,如果希望父窗口(即打开弹出窗口的那个页面)也随之刷新,可以通过JavaScript的window.opener对象实现。在弹出窗口的关闭事件中,可以调用window....

    弹出层关闭父页面刷新

    `window.parent.location.reload()` 这行代码会刷新父窗口的页面。这里的`parent`属性用于引用包含当前窗口的窗口,即父窗口。`reload()`方法则是用来刷新页面的。 具体实现步骤如下: 1. 在弹出层的HTML代码中,...

    JAVASCRIPT弹出窗口大总结

    ### JavaScript弹出窗口知识点总结 #### 一、概述 JavaScript是一种广泛使用的脚本语言,它在前端开发中占据着极其重要的地位。通过JavaScript,开发者可以实现网页与用户的交互功能,其中弹出窗口就是一种常见的...

    子窗口刷新父窗口总结

    ### 子窗口刷新父窗口技术总结 在网页开发中,我们常常遇到需要在子窗口完成某些操作后,刷新或更新父窗口数据的情况。这在诸如弹出框进行数据编辑、表单提交等场景中尤为常见。本文档将深入探讨如何在子窗口关闭时...

    JS关闭窗口弹出新窗口-关闭新窗口时-刷新父窗口-JS代码实现刷新网页-js实现弹出窗口代码收集集萃.pdf

    当新窗口关闭时,我们可能希望刷新父窗口。这可以通过在新窗口中添加`window.opener.location.reload();`来实现。例如: ```javascript window.close(); window.opener.location.reload(); ``` 这段代码会在新窗口...

    子窗口与父窗口刷新

    这里的"子窗口"通常指的是弹出的窗口、框架或者iframe,而"父窗口"则是打开子窗口的那个主页面。在这样的场景下,用户在子窗口中操作并提交数据后,可能希望父窗口能即时显示最新的数据,而不是手动刷新整个页面。...

    JS刷新父页面 父窗口

    - 在某些浏览器中,出于安全考虑,弹出窗口可能不允许直接操作父窗口,除非是明确由父窗口创建的。 3. **其他刷新方法**: - 使用`window.location.href = window.location.href;`也可以达到刷新页面的效果,但...

    JavaScript弹出窗口方法汇总_.docx

    JavaScript 弹出窗口方法汇总 JavaScript 弹出窗口方法是 Web 开发中常用的技术,用于实现弹出窗口、刷新网页、模式窗口等功能。本文将对 JavaScript 弹出窗口方法进行总结和分析,帮助读者更好地理解和应用这些...

    javascript弹出窗口问题总结

    本篇文章将针对JavaScript弹出窗口的相关问题进行总结,包括无提示刷新网页、刷新页面的方法、弹出窗口代码、模式窗口的数据刷新问题、模式窗口中链接弹出新窗口以及无提示关闭页面的方法。 1. **无提示刷新网页** ...

    asp.net常用的javascript弹出窗口代码

    ### ASP.NET 中 JavaScript 弹出窗口的常用代码详解 在 Web 开发中,JavaScript 的弹出窗口功能是非常实用且常见的一个特性。对于 ASP.NET 开发者来说,掌握这些技巧能够帮助他们在开发过程中更加灵活地控制页面...

    javascript刷新父页面

    在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的页面。这在很多应用场景下都非常有用,比如用户在子窗口...

    模态窗口关闭时刷新父页面js文件

    总结一下,实现“模态窗口关闭时刷新父页面”的主要步骤包括:设置模态窗口和关闭按钮、添加事件监听器以及在事件触发时调用`window.parent.location.reload()`。在实际应用中,可能还需要考虑其他因素,如防止多次...

    ymPrompt弹出窗口的例子

    在"ymPrompt弹出窗口的例子"中,我们重点关注的是如何利用ymPrompt实现弹出窗口与父窗口的交互,特别是如何在用户进行特定操作后刷新父窗口。 首先,我们需要在HTML文件中引入ymPrompt库。这通常通过在页面的`...

    layer实现关闭弹出层刷新父界面功能详解

    通常,我们在关闭layer弹出层时会使用`parent.layer.close(index)`来关闭当前的弹出窗口,其中`index`是弹出层的索引。然而,如果要在关闭弹出层的同时刷新父界面,我们需要加入额外的代码。这里有两个常见的优化...

    窗口刷新父窗口然后关闭

    标题“窗口刷新父窗口然后关闭”可能涉及到的是前端开发中的一个常见操作,通常在JavaScript或者相关的Web框架(如React、Vue等)中实现。这个标题可能是关于如何在用户执行某个操作后,比如点击按钮,自动刷新父...

    弹出一个层(禁止刷新父页或允许刷新)5种实现方法

    在标题"弹出一个层(禁止刷新父页或允许刷新)5种实现方法"中,我们将探讨五种不同的JavaScript技术来创建这种效果,同时考虑是否在弹出层打开后锁定父页面,以及是否允许用户通过刷新页面来关闭弹出层。 1. **纯CSS...

Global site tag (gtag.js) - Google Analytics