从父窗口刷新子窗口

Question

使用JavaScript

我在父窗口中有刷新按钮，

当我单击刷新按钮时，

我想刷新我的孩子窗口，

window.location.href ='add_billing_order_frm.php？session_re_genrate =新

此代码段重定向页面，而不是刷新，

我的东西有一个片段

opener.document.location.reload（true）;

但是这个用于父窗口刷新，但是我想要带有URL位置选项的子窗口

function show_billing_order_form(url){
   var childWindow = window.open(url);
}

function refresh_my_child_window(){
   return childWindow.location.reload('add_billing_order_frm.php');
}

要打开一个弹出窗口（子窗口），我使用了这个show_billing_order_form回调，

要刷新子窗口，请在父窗口中添加一个刷新图标，要刷新子窗口，请在该刷新图标中单击onclick我称为refresh_my_child_window，

但是可以刷新我的子窗口。

Answer 1

从父级打开子级窗口时，请记住某个变量中的返回值：

var childWindow = window.open(/* ... */);

...当您想要刷新孩子时：

childWindow.location.reload();

请注意，如果未从同一来源加载父项和子项，则某些浏览器将阻止对childWindow.location.reload访问。

这是一个简单的示例（ 实时复制 -注意：实时复制只能在非编辑模式下工作，就像给定的链接一样，因为否则JSBin使用null.jsbin.com而不是output.jsbin.com ，因此来源不匹配）：

HTML：

<input type='button' id='btnOpen' value='Open Child'>
<input type='button' id='btnClose' value='Close Child'>
<input type='button' id='btnRefresh' value='Refresh Child'>

JavaScript：

(function() {
    var childWindow;

    document.getElementById('btnOpen').onclick = openChildWindow;
    document.getElementById('btnClose').onclick = closeChildWindow;
    document.getElementById('btnRefresh').onclick = refreshChildWindow;

    function openChildWindow() {
        if (childWindow) {
            alert("We already have one open.");
        } else {
            childWindow = window.open(location.protocol + "//" + location.host + "/cotokijigu/1");
        }
    }

    function closeChildWindow() {
        if (!childWindow) {
            alert("There is no child window open.");
        }
        else {
            childWindow.close();
            childWindow = undefined;
        }
    }

    function refreshChildWindow() {
        if (!childWindow) {
            alert("There is no child window open.");
        } else {
            childWindow.location.reload();
        }
    }
})();

警告 ：我绝不建议使用上面的onclick属性连接事件处理程序。 相反，我将通过使用类似这样的库或实用程序函数，使用addEventListener （在基于标准的浏览器上）或attachEvent （在IE上）。 使用上面的属性以避免混淆要点。

Answer 2

var childWindow = window.open("","name",/* .. */);
childWindow.location.reload();