javascript - 如何在子窗口上调用父窗口函数？

Question

我想在子窗口上调用父窗口中定义的 javascript 函数。我搜索了 window.opener 和 window.parent，但它们在父窗口而不是子窗口上调用函数。如果可以通过本地存储也可以。父窗口函数:

var myFunction=function download() {
        console.log("in jsp download")
        $("#btnExport").click(function(e) {
            e.preventDefault();

            //some operation
        });
    }

    window.onload = function() {
        localStorage.setItem("storageName",myfunction);

    }

子窗口

<button id="exportExcel" onclick="localStorage.getItem("storageName")">Export</button>

但这在子窗口上出现错误

Answer 1

当您创建函数时，您将其附加到父级的作用域中。如果父页面打开子页面(通过 window.open)，您可以通过子页面的 window.opener 对象访问其范围。

父页面

Function DoSomething(){}

子页面

window.opener.DoSomething()