`
libran
  • 浏览: 193323 次
  • 性别: Icon_minigender_1
  • 来自: 天津
文章分类
社区版块
存档分类
最新评论

window.opener 的用法

阅读更多

window.opener 的用法


        在一般的用法中,只是用来解决关闭窗口时不提示弹出窗口, 而对它更深层的了解一般比较少。其实 window.opener是指调用window.open方法的窗口。 
        在工作中主要是用来解决部分提交的。这种跨页操作对工作是非常有帮助的。 
        如果你在主窗口打开了一个页面,并且希望主窗口刷新就用这个,打开页面的window.opener就相当于
主窗口的window。 
        主窗口的刷新你可以用 window.opener.location.reload(); 
        如果你用虚拟的目录:如struts的*.do会提示你重试

        你可以改成这样 window.opener.yourformname.submit() 就好了

        在应用中有这样一个情况, 
        在A窗口中打开B窗口,在B窗口中操作完以后关闭B窗口,同时自动刷新A窗口

        function closeWin()
        { 
                hasClosed = true; 
                window.opener.location="javascript:reloadPage();"; 
                window.close(); 
        } 
        function window.onbeforeunload()
        { 
                if(!hasClosed)
                { 
                        window.opener.location="javascript:reloadPage();"; 
                } 
        }
        上面的代码在关闭B窗口的时候会提示错误,说缺少Object,正确的代码如下: 
        function closeWin()
        { 
                hasClosed = true; 
                window.opener.location="javascript:reloadPage();"; 
                window.opener=null; 
                window.close(); 
        } 
        function window.onbeforeunload()
        { 
                if(!hasClosed){//如果已经执行了closeWin方法,则不执行本方法 
                        window.opener.location="javascript:reloadPage();"; 
                } 
        }

        reloadPage方法如下: 
        function reloadPage() 
        { 
                history.go(0); 
                document.execCommand("refresh") 
                document.location = document.location; 
                document.location.reload();
        }
PS:由于需要支持正常关闭和强制关闭窗口时能捕捉到事件,用了全局变量hasClosed

==============================================

补充,在父窗口是frame的时候在刷新父窗口的时候会出现问题:

The page cannot be refreshed without resending the information.
后修改如下:
window.opener.parent.document.frames.item('mainFrame').location.href = window.opener.location.href;
不需要执行自带的reload()方法,注意,不要再画蛇添足加上这一句:

window.opener.parent.document.frames.item('mainFrame').location.reload();

========================================================================================
最后,为了同时支持刷新普通父窗口和frame父窗口,代码如下: 
        function closeWin()
        { 
                hasClosed = true; 
                <%if(null != frame){%> 
                window.opener.parent.document.frames.item('mainFrame').location.href =        window.opener.location.href; 
                <%}else{%> 
                window.opener.location = "javascript:reloadPage();"; 
                <%}%> 
                //window.opener.top.mainFrame.location="javascript:reloadPage();"; 
                //self.opener.frames.mainFrame.location.reload(true); 
                window.opener = null; 
                window.close();
        }
        function window.onbeforeunload()
        { 
                if (!hasClosed) { 
                <%if(null != frame){%> 
                window.opener.parent.document.frames.item('mainFrame').location.href = window.opener.location.href; 
                <%}else{%> 
                window.opener.location = "javascript:reloadPage();"; 
                <%}%> 
                window.opener = null; 
                }
        }
 
 

分享到:
评论

相关推荐

    window.opener用法和用途实例介绍

    下面我们将深入探讨 `window.opener` 的用法和应用场景。 ### `window.open()` 方法 `window.open()` 方法的语法如下: ```javascript window.open(url, name, features, replace); ``` - `url`:新窗口加载的 ...

    通过window.opener控制父窗体

    如果当前窗口是通过`window.open()`方法打开的,那么`window.opener`就指向了那个调用`window.open()`的窗口。这个属性为我们在子窗口中操作或访问父窗口提供了可能。 二、跨窗口通信 1. **从子窗口向父窗口传递...

    js弹窗并返回值(window.open方式)

    1. 使用`window.open`打开的新窗口中设置一个`window.opener`属性,这样新窗口可以与打开它的窗口进行通信。 2. 在新窗口中处理用户交互后,使用`window.close`关闭窗口,并在关闭前将结果通过`window.opener`通知原...

    解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题

    在IE6中,使用 `window.opener = null; window.close();` 的组合,可以在打开一个新窗口后关闭原窗口,并且不会显示通常的"要关闭窗口吗?"的确认提示。这是因为IE6对这个操作的处理方式与其他浏览器不同,它允许在...

    用window.open,opener实现网页间通信

    ### 使用 `window.open` 和 `window.opener` 实现网页间通信 #### 一、引言 在现代Web开发中,网页间的通信是一项常见的需求。例如,在多窗口或多个标签页的应用场景下,如何实现不同窗口间的高效数据交互,成为了...

    window.showModalDialog以及window.open用法简介

    接下来,`window.showModalDialog`是Internet Explorer 4及以上版本引入的方法,用于创建一个模态对话框。这意味着用户必须先关闭对话框才能继续与父窗口交互。`showModalDialog`的语法为`vReturnValue = window....

    刷新父窗口的多种方法

    window.opener.location.href = window.opener.location.href; ``` 这里的关键在于利用`location.href`属性来重新设置父窗口的URL,从而达到刷新的目的。需要注意的是,这种方式并不会触发浏览器的缓存机制,而是会...

    JS window.opener返回父页面的应用

    JavaScript中的`window.open()`和`window.opener`是两个与窗口操作密切相关的属性和方法,它们在网页交互和页面导航中扮演着重要角色。本文将深入探讨这两个特性以及它们在处理支付成功页面跳转时的应用。 `window....

    window.location.href页面跳转的用法(区别于redirect)

    ### window.location.href页面跳转的用法(区别于redirect) #### 概述 在Web开发过程中,页面跳转是一项常见的需求。通常我们会使用`Response.Redirect`来进行页面跳转,但这种方式无法在跳转前执行客户端脚本...

    window.open打开新窗口,不被拦截的方法

    基本使用方法 首先来看一下`window.open()`的基本用法: ```javascript window.open(URL, target, features); ``` - **URL**:指定要打开的新窗口的地址。 - **target**:指定新窗口的名字,可以是特定的名称...

    window.open

    在Web开发中,`window.open()`方法用于创建一个新的浏览器窗口或标签页,并返回对新打开窗口的引用。这个方法在很多场景下非常有用,比如用来实现弹出窗口、跳转链接等功能。然而,由于浏览器的安全策略和用户体验...

    让window.close()不提示对话框

    在Web开发中,有时我们需要关闭当前窗口或标签页,这通常通过JavaScript中的`window.close()`方法实现。然而,在某些浏览器中(特别是早期版本的Internet Explorer),直接调用`window.close()`可能会触发一个确认...

    JS网页定时自动关闭-无浏览器提示

    为了解决这个问题,我们可以利用`window.opener`属性和`window.open`方法来规避这一行为。`window.opener`引用的是打开当前窗口的窗口对象,而`window.open`则用于打开新的窗口或标签页。 下面是一种实现网页自动...

    js window.open iframe dialog

    例如,通过`window.opener`对象,子窗口可以访问到打开它的父窗口,而`iframe`内的脚本可以通过`parent`对象与父页面通信。 - 父窗口调用子窗口: ```javascript let newWindow = window.open('...'); newWindow....

    js弹出窗口返回值

    本文将详细介绍`window.opener`对象的使用方法及其应用场景,帮助开发者更好地理解如何实现弹窗与主窗口之间的数据交互。 #### 二、`window.opener`简介 `window.opener`对象是JavaScript中的一个特殊对象,它引用...

    parent和opener的区别

    当一个窗口(比如窗口A)使用`window.open()`方法打开另一个窗口(比如窗口B),那么窗口A就是窗口B的`opener`。需要注意的是,当一个窗口被关闭后,其`opener`属性将变为`null`。 - **用途**: - 在新打开的窗口...

Global site tag (gtag.js) - Google Analytics