JavaScript--Window.open(获取子窗口返回值)

本文介绍如何在JavaScript中通过Window.open方法打开子窗口,并实现子窗口与父窗口之间的数据传递。具体案例是点击A页面按钮弹出B页面,B页面选择后关闭并返回值至A页面。
摘要由CSDN通过智能技术生成

实现案列:在A页面点击按钮,弹框进入B页面,点击B页面下拉框,关闭窗体,并将选中的值返回到A页面!

A页面代码:

<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery-1.10.2.min.js"></script>
        <script>
            function openWin() {
                var name; //网页名称,可为空;
                var iWidth = "800"; //弹出窗口的宽度;
                var iHeight = "800"; 
在使用 `window.open()` 函数创建一个新的窗口时,无法直接获取窗口返回值。这是因为该函数是异步的,新打开的窗口需要时间来加载和处理内容,而 JavaScript 代码会继续执行,无法等待窗口加载完成后再获取返回值。 但是,可以通过在新窗口中执行 JavaScript 代码来将返回值传递回原始窗口。具体方法如下: 1. 在打开新窗口时,给该窗口添加一个唯一的标识符,例如一个随机数或者时间戳。 2. 在新窗口中定义一个 JavaScript 函数,该函数将需要返回的值作为参数,然后调用原始窗口中的一个 JavaScript 函数,并将返回值作为参数传递给它。 ```javascript function sendValueToParent(value) { window.opener.receiveValueFromChild(value); } ``` 3. 在原始窗口中定义一个 JavaScript 函数,该函数将接收从新窗口传递过来的值。 ```javascript function receiveValueFromChild(value) { console.log(value); } ``` 4. 在打开新窗口的代码中,为 `window.open()` 函数设置一个定时器,定期检查新窗口是否已经加载完毕。如果新窗口已经加载完毕,则调用在新窗口中定义的 JavaScript 函数,将返回值传递回原始窗口。 ```javascript var childWindow = window.open('child.html?id=123456', '_blank'); var intervalId = setInterval(function() { if (childWindow.closed) { clearInterval(intervalId); } else if (childWindow.document.readyState === 'complete') { childWindow.sendValueToParent('Hello, World!'); clearInterval(intervalId); } }, 1000); ``` 需要注意的是,该方法只适用于在同一个域名下打开的新窗口。如果打开的是外部网站或者跨域的页面,则无法通过 JavaScript 直接访问该页面的内容,也无法获取该页面的返回值
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值