window.open

window.open参数怎样实现交互

小樊
102
2024-07-03 20:43:13
栏目: 智能运维

在JavaScript中,可以使用window.open方法来打开新窗口,并通过传递参数来实现交互。下面是一个示例代码:

// 打开新窗口并传递参数
var newWindow = window.open("https://www.example.com", "_blank");

// 在新窗口中执行函数
newWindow.onload = function() {
    newWindow.postMessage("Hello from the parent window!", "https://www.example.com");
};

// 在新窗口中监听消息
window.addEventListener("message", function(event) {
    if (event.origin === "https://www.example.com") {
        console.log("Message received from child window: " + event.data);
    }
});

在上面的代码中,我们首先使用window.open方法打开了一个新窗口,并传递了一个URL参数和窗口参数。然后在新窗口加载完成后,我们通过postMessage方法向新窗口发送了一条消息。在父窗口中,我们通过addEventListener方法监听来自子窗口的消息,并在控制台中打印出接收到的消息。这样就实现了父子窗口之间的交互。

0
看了该问题的人还看了