1、主窗口：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="javascripts/jquery-3.2.1.min.js"></script>
</head>
<body>
    <input type="text" id="message" disabled="disabled">
    <br>
    <input type="button" id="bt1" value="弹出框">
    </a>
    <div id="myDiv" οnclick="cancle(this);"
        style="position: absolute; width: 100%; height: 100%; z-index: 998">
        <div id="popupDiv"
            style="position: absolute; width: 60%; height: 60%; position: absolute; left: 50%; top: 50%; margin-left: -40%; margin-top: -20%;">
            <iframe id="myFrame" frameborder="0" src="./show"
                style="position: absolute; width: 100%; height: 100%; border-radius: 3px;"></iframe>
        </div>
    </div>
</body>
<script type="text/javascript">
    var myDiv = document.getElementById("myDiv");
    function myfun() {
        // 隐藏myDiv
        myDiv.style.display = "none";
    }
        $(document).ready(function(){
            $("#bt1").click(function(){
                $("#myDiv").toggle();
            })
        })
   
    function get(data) {
        var message = document.getElementById("message");
        message.value = data;
        myDiv.style.display = "none";
    }
    window.onload = myfun;
</script>
</html>

2 子窗口

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="javascripts/jquery-3.2.1.min.js"></script>
</head>
<body>
    <div id="allDiv">
        <input type="text" id="data" value="默认值"> <input type="button"
            id="send"  value="传值给父窗口">
        <h1>弹出框</h1>
        <h1>弹出框</h1>
    </div>
</body>
<script type="text/javascript">
    function load() {
        // 设置滚动条
        var allDiv = document.getElementById("allDiv");
        allDiv.style.overflow = "auto";
    }
 
    $(document).ready(function(){
        $("#send").click(function(){
            var data = document.getElementById("data").value;
            alert(data);
            window.parent.get(data);
        })
    });
    window.onload = load;
</script>
</html>
经vsc调试，测试能达到预期目标，取值能成功返回。

nojejs 弹出子窗口，取值后返回的更多相关文章

  1. asp.net下用js实现弹出子窗口选定值并返回

    对应上一篇博客代码: 父页面: <head runat="server"> <meta http-equiv="X-UA-Compatible" ...

  2. WPF FileFolderDialog 和弹出子窗口的一些问题

    摘要:本文主要是WPF中 FileFolderDialog的相关问题,补充了关于在父窗口弹出子窗口,以及子窗口的相关属性(Data Binding)和命令绑定(Delegate Command)问题, ...

  3. pyqt5对用qt designer设计的窗体实现弹出子窗口的示例

    pyqt5对用qt designer设计的窗体实现弹出子窗口的示例 脚本专栏 python 1. 用qt designer编写主窗体,窗体类型是MainWindow,空白窗口上一个按钮.并转换成mai ...

  4. fancybox 关闭弹出窗口 parent.$.fancybox.close(); 无反应 fancybox 关闭弹出窗口父页面自动刷新,弹出子窗口前后事件

    当我们在父页面使用 fancybox 弹出窗口后,如果想自己手动关闭,则可以 function Cancel() { parent.$.fancybox.close(); } 如果关闭没有反应,最好看 ...

  5. JS弹出子窗口

    目的 在一个主窗口中,点击一个链接, 弹出一个子窗口 , 父窗口保留 在子窗口中点击关闭, 关闭子窗口. 子窗口的位置位于屏幕的中间 实现 main.html <!DOCTYPE html> ...

  6. ***小程序wx.getUserInfo不能弹出授权窗口后的解决方案

    微信更新api后,wx.getUserInfo在开发和体验版本都不能弹出授权窗口.微信文档说明: 注意:此接口有调整,使用该接口将不再出现授权弹窗,请使用 <button open-type=& ...

  7. 启动Jmeter4.0 后弹出命令窗口提示信息是什么意思？

    启动Jmeter4.0 后弹出命令窗口提示信息: =========================================================================== ...

  8. 2019-6-23-WPF-解决弹出模态窗口关闭后，主窗口不在最前

    title author date CreateTime categories WPF 解决弹出模态窗口关闭后,主窗口不在最前 lindexi 2019-06-23 11:48:38 +0800 20 ...

  9. WPF 解决弹出模态窗口关闭后，主窗口不在最前

    本文告诉大家如何解决这个问题,在 WPF 的软件,弹出一个模态窗口.使用另一个窗口在模态窗口前面.从任务栏打开模态窗口.关闭模态窗口.这时发现,主窗口会在刚才使用的另一个窗口下面 这是 Windows ...

  10. JS设置弹出小窗口。

    经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息.警告.欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这 ...

随机推荐

  1. System.Data.Linq 无法引用的问题

    参考文章  https://www.bbsmax.com/A/1O5EM0G457/ 已经在工程中引用了system.data.linq,但是在代码中,输入 using System.Data.Lin ...

  2. 1071 - Specified key was too long; max key length is 767 bytes

    set global innodb_large_prefix=on;set global innodb_file_format=BARRACUDA; 主从都要修改以上2个参数.

  3. SVN创建自己的版本库

    1.创建版本库 第一:新建文件夹 第二:将新建文件与SVN建立关联(创建版本库) 直接选择OK 点击确定后文件夹图标也换了 该下的信息就是用来协助我们存储数据的(不是数据) 2.获取SVN库中的数据并 ...

  4. javaScript 获取对象数组的对象里面想要的属性，返回一个新的数组

    // obj 数组 或者 对象 // arr 要获取对象数组的对象的key数组 // addProperty 可以往对象数组的每一个对象添加一个新的属性 reducedFilter(obj, arr, ...

  5. 理解函数调用_使用argument参数

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. 类Class

    C# 类(Class) 当你定义一个类时,你定义了一个数据类型的蓝图.这实际上并没有定义任何的数据,但它定义了类的名称意味着什么,也就是说,类的对象由什么组成及在这个对象上可执行什么操作.对象是类的实 ...

  7. vue 中 watch 和 watchEffect 区别

    vue 中 watch 和 watchEffect 区别 * watch 需要先指明需要侦听的数据源,watchEffect 不需要,只要传入的函数带有依赖就会自动追踪. * watchEffect ...

  8. 疫情实时大数据报告（利用nodejs）

    一转眼2020年,工作三年是时候向全栈工程师出发了,大家放心头发还在.话不多少进入正题 一.看一下效果 二.看一下代码 相关的node代码: 这里主要利用node的爬虫技术,爬的别人的数据.cheer ...

  9. mybatis动态生成sql示例

  10. CCF 202006-1 线性分类器

    #include <iostream> #include <bits/stdc++.h> #include <string> using namespace std ...