window.open参数怎样实现交互

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

在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方法监听来自子窗口的消息,并在控制台中打印出接收到的消息。这样就实现了父子窗口之间的交互。

 
举报打赏
 
更多>同类物流大全
推荐图文
推荐物流大全
点击排行

网站首页  |  关于我们  |  联系方式网站留言    |  赣ICP备2021007278号