blocks|key|344175|text|您可以使用'window.opener‘访问父窗口，因此，在子窗口中编写类似以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|344176|<script>
++++window.onunload+=+refreshParent;
++++function+refreshParent()+{
++++++++window.opener.location.reload();
++++}
</script>|code-block|syntax|javascript|344177|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/DOM/window.opener^0|6|D|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>You can access parent window using '<a href="https://developer.mozilla.org/en/DOM/window.opener">window.opener</a>', so, write something like the following in the child window:</p>

<pre><code>&lt;script&gt;
    window.onunload = refreshParent;
    function refreshParent() {
        window.opener.location.reload();
    }
&lt;/script&gt;
</code></pre>


blocks|key|344104|text|弹出窗口没有任何您可以监听的关闭事件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|344105|另一方面，当窗口关闭时，有一个closed属性被设置为true。|344106|您可以设置一个计时器来检查该closed属性，并执行以下操作：|344107|var+win+=+window.open('foo.html',+'windowName',"width=200,height=200,scrollbars=no");+++
var+timer+=+setInterval(function()+{+++
++++if(win.closed)+{++
++++++++clearInterval(timer);++
++++++++alert('closed');++
++++}++
},+1000);+|code-block|syntax|javascript|344108|请看这个working+Fiddle+example！|offset|length|344109|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/zuul/namuj/^0|0|0|0|0|4|M|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<p>The pop-up window does not have any close event that you can listen to.</p>

<p>On the other hand, there is a closed property that is set to true when the window gets closed.</p>

<p>You can set a timer to check that closed property and do it like this:</p>

<pre><code>var win = window.open('foo.html', 'windowName',"width=200,height=200,scrollbars=no");   
var timer = setInterval(function() {   
    if(win.closed) {  
        clearInterval(timer);  
        alert('closed');  
    }  
}, 1000); 
</code></pre>

<p>See this <a href="http://jsfiddle.net/zuul/namuj/">working Fiddle example</a>!</p>


blocks|key|344238|text|在您的子页面上，放入以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|344239|<script+type="text/javascript">
++++function+refreshAndClose()+{
++++++++window.opener.location.reload(true);
++++++++window.close();
++++}
</script>|code-block|syntax|javascript|344240|和|344241|<body+onbeforeunload="refreshAndClose();">|344242|但是作为一个好的UI设计，你应该使用一个接近的button，因为它对用户更友好。请参阅下面的代码。|offset|length|style|CODE|344243|<script+type="text/javascript">
++++$(document).ready(function+()+{
++++++++$('#btn').click(function+()+{
++++++++++++window.opener.location.reload(true);
++++++++++++window.close();
++++++++});
++++});
</script>

<input+type='button'+id='btn'+value='Close'+/>|344244|entityMap^0|0|0|0|0|N|6|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@$M|Z|N|10|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>on your child page, put these:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    function refreshAndClose() {
        window.opener.location.reload(true);
        window.close();
    }
&lt;/script&gt;
</code></pre>

<p>and</p>

<pre><code>&lt;body onbeforeunload="refreshAndClose();"&gt;
</code></pre>

<p>but as a good UI design, you should use a Close <code>button</code> because it's more user friendly. see code below.</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        $('#btn').click(function () {
            window.opener.location.reload(true);
            window.close();
        });
    });
&lt;/script&gt;

&lt;input type='button' id='btn' value='Close' /&gt;
</code></pre>


blocks|key|560415|text|我使用的是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|560416|<script+language='javascript'>
var+t;
function+doLoad()+{
t+=+setTimeout("window.close()",1000);
}

</script>
<script+type="text/javascript">
function+refreshAndClose()+{
++++window.opener.location.reload(true);
++++window.close();
}
</script>
<body+onbeforeunload="refreshAndClose();"+onLoad='doLoad()''>|code-block|syntax|javascript|560417|当窗口关闭时，它会刷新父窗口。|560418|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I use this: </p>

<pre><code>&lt;script language='javascript'&gt;
var t;
function doLoad() {
t = setTimeout("window.close()",1000);
}

&lt;/script&gt;
&lt;script type="text/javascript"&gt;
function refreshAndClose() {
    window.opener.location.reload(true);
    window.close();
}
&lt;/script&gt;
&lt;body onbeforeunload="refreshAndClose();" onLoad='doLoad()''&gt;
</code></pre>

<p>when the window closes it then refreshes the parent window.  </p>


blocks|key|344402|text|如果打开的URL符合Same+Origin+Policy，window.open将返回对新创建的窗口的引用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|344403|这应该是可行的：|344404|function+windowClose()+{
++++window.location.reload();
}

var+foo+=+window.open("foo.html","windowName",+"width=200,height=200,scrollbars=no");
foo.onbeforeunload=+windowClose;​|code-block|syntax|javascript|344405|entityMap|0|LINK|mutability|MUTABLE|url|http://www.mozilla.org/projects/security/components/same-origin.html^0|A|I|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>window.open will return a reference to the newly created window, provided the URL opened complies with <a href="http://www.mozilla.org/projects/security/components/same-origin.html" rel="nofollow">Same Origin Policy</a>. </p>

<p>This should work:</p>

<pre><code>function windowClose() {
    window.location.reload();
}

var foo = window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");
foo.onbeforeunload= windowClose;​
</code></pre>


blocks|key|344699|text|在我的例子中，我打开了一个弹出窗口，点击了父页面中的链接按钮。在关闭子项时使用刷新父项|type|unstyled|depth|inlineStyleRanges|entityRanges|data|344700|window.opener.location.reload();|code-block|syntax|javascript|344701|在子窗口中导致重新打开子窗口(我猜可能是因为视图状态。如果我错了，请纠正我)。因此，我决定不在父页面中重新加载页面，而是重新加载页面，并为其分配相同的url。|344702|为了避免在关闭弹出窗口后再次打开弹出窗口，这可能会有所帮助，|344703|window.onunload+=+function(){
++++window.opener.location+=+window.opener.location;};|344704|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>In my case I opened a pop up window on click on linkbutton in parent page.
To refresh parent on closing child using </p>

<pre><code>window.opener.location.reload();
</code></pre>

<p>in child window caused re open the child window (Might be because of View State I guess. Correct me If I m wrong).
So I decided not to reload page in parent and load the the page again assigning same url to it.</p>

<p>To avoid popup opening again after closing pop up window this might help,</p>

<pre><code>window.onunload = function(){
    window.opener.location = window.opener.location;};
</code></pre>


blocks|key|560294|text|如果您的应用程序在支持HTML5的浏览器上运行。您可以使用postMessage。这里给出的例子和你的非常相似。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|560295|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/DOM/window.postMessage^0|T|B|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>If your app runs on an HTML5 enabled browser. You can use <a href="https://developer.mozilla.org/en/DOM/window.postMessage" rel="nofollow">postMessage</a>. The example given there is quite similar to yours. </p>


blocks|key|560485|text|你可以用parent命令进入主页(parent就是窗口)，完成这一步后，你可以让一切……|type|unstyled|depth|inlineStyleRanges|entityRanges|data|560486|++++function+funcx()+{
++++++++var+result+=+confirm('bla+bla+bla.!');
++++++++if(result)
++++++++++++//parent.location.assign("http://localhost:58250/Ekocc/"+%2B+document.getElementById('hdnLink').value+%2B+"");
++++++++++++parent.location.assign("http://blabla.com/"+%2B+document.getElementById('hdnLink').value+%2B+"");
++++}+|code-block|syntax|javascript|560487|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can reach main page with parent command (parent is the window) after the step you can make everything...</p>

<pre><code>    function funcx() {
        var result = confirm('bla bla bla.!');
        if(result)
            //parent.location.assign("http://localhost:58250/Ekocc/" + document.getElementById('hdnLink').value + "");
            parent.location.assign("http://blabla.com/" + document.getElementById('hdnLink').value + "");
    } 
</code></pre>


blocks|key|344623|text|您可以在父页面中使用以下代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|344624|<script>
++++window.onunload+=+refreshParent;
++++function+refreshParent()+{
++++++window.opener.location.reload();
++++}
</script>|code-block|syntax|javascript|344625|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can use the below code in the parent page.</p>

<pre><code>&lt;script&gt;
    window.onunload = refreshParent;
    function refreshParent() {
      window.opener.location.reload();
    }
&lt;/script&gt;
</code></pre>


blocks|key|560698|text|以下代码将设法在关闭后刷新父窗口：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|560699|function+ManageQB_PopUp()+{
++++++++++++$(document).ready(function+()+{
++++++++++++++++window.close();
++++++++++++});
++++++++++++window.onunload+=+function+()+{
++++++++++++++++var+win+=+window.opener;
++++++++++++++++if+(!win.closed)+{
++++++++++++++++++++window.opener.location.reload();
++++++++++++++++}
++++++++++++};
++++++++}|code-block|syntax|javascript|560700|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Following code will manage to refresh parent window post close :</p>

<pre><code>function ManageQB_PopUp() {
            $(document).ready(function () {
                window.close();
            });
            window.onunload = function () {
                var win = window.opener;
                if (!win.closed) {
                    window.opener.location.reload();
                }
            };
        }
</code></pre>


<p>I opened a popup window by window.open in JavaScript, I want to refresh parent page when I close this popup window.(onclose event?) how can I do that?</p>
<pre><code>window.open(&quot;foo.html&quot;,&quot;windowName&quot;, &quot;width=200,height=200,scrollbars=no&quot;);
</code></pre>


Open popup and refresh parent page on close popup

HTML5

我在JavaScript中用window.open打开了一个弹出窗口，我想在关闭此弹出窗口时刷新父页面。(关闭事件？)我该怎么做呢？window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");

问打开弹出窗口并在关闭弹出窗口时刷新父页面
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问打开弹出窗口并在关闭弹出窗口时刷新父页面EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问打开弹出窗口并在关闭弹出窗口时刷新父页面
EN