子窗口传值到父窗口

最新推荐文章于 2024-08-12 17:12:18 发布
最新推荐文章于 2024-08-12 17:12:18 发布
阅读量1.6k 收藏 4
点赞数
分类专栏： 前端 文章标签： 子窗口 父窗口 传值

我需要从父窗口点击一个按钮，弹出一个子窗口，然后在子窗口选择或输入信息，再将子窗口的值传给父窗口。

方式一：

大致代码如下：

【父窗口】

javascript部分：

 <script type="text/javascript">
   function openChild(url){
    window.open(url);  //打开子窗口
   }
  </script>

body部分：

<body>
    <form action="" name="frm" method="post">
     父窗口用户名：<input name="username" type="text" id="username" />&nbsp;&nbsp;
     <input type="button" name="btn_username" value="取到子页面的username" οnclick="javascript:openChild('child.jsp')" />
    </form>
  </body>

 

【子窗口】

javascript部分：

<script type="text/javascript">
  function output(){
   var username=document.getElementById("username").value; //取得子窗口的值
   window.opener.document.getElementById("username").value=username; //给父窗口赋值
   window.close();  //关闭子窗口
   //window.opener.location.reload(); //刷新父窗口，这个不要把注释取消，是用来刷新父窗口的，如果取消父窗口就没值了
  }
 </script>

 

body部分：

<form action="" name="frm" method="post">
     子窗口用户名：<input name="username" type="text" id="username" />&nbsp;&nbsp;
     <input name="btn_determine" type="button" id="btn_determine" value="确定" οnclick="javascript:output();" />
</form>

 

方式二：

其实与方式一大同小异，主要的目的是想让大家知道，在子窗口中不仅可以调用父窗口的属性，还可以调用父窗口自定义的函数，如下：

【父窗口】

javascript部分：

<script type="text/javascript">
   function openChild(url){
    window.open(url);
   }
   
   function putUsername(value){
    document.getElementById("username").value=value;
   }
  </script>

 

body部分：同方式一子窗口代码不变。

 

【子窗口】

<script type="text/javascript">
  function output(){
   var username=document.getElementById("username").value; //取得子窗口的值
   //window.opener.document.getElementById("username").value=username; //给父窗口赋值
   window.opener.putUsername(username); //给父窗口赋值
   window.close();  //关闭子窗口
   //window.opener.location.reload(); //刷新父窗口，这个不要把注释取消，是用来刷新父窗口的，如果取消父窗口就没值了
  }
 </script>

 

body部分：同方式一子窗口代码不变。

夜色最美
关注
专栏目录
如何将子窗体的值传给父窗体
qq_37947654的博客
04-21 731
最近做项目的时候，想着menustrip里面的某一项，弹出对话框，对话框里有确定取消按钮，点击确定，将子窗体的值给窗体，点击取消，什么都不做。    总共有3个窗体：form1,form2,form3,具体控件如下： 我的思路是利用类的字段属性来实现传值。代码如下 using System; using System.Collections.Generic; usin
前端学习之路Electron——子窗口传递父窗口
HarryHY的博客
04-21 1949
子窗口html部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
用layui +echarts 曲线图实现子页面向父页面传值，点击曲线图表上的点后删除该点，并在删除后自动刷新 layui 表格列表，并且按子页面传值和起止时间 刷新父页面
最新发布
战族狼魂的博客
08-12 419
用layui +echarts 曲线图实现子页面向父页面传值，点击曲线图表上的点后删除该点，并在删除后自动刷新 layui 表格列表，并且按子页面传值和起止时间 刷新父页面
pyqt父子窗口相互传值
05-30
pyqt父子窗口相互传值 pyqt信号槽的使用 对新手可能有帮助
冇内容管理系统分析-window.parent和window.opener区别(转)
weixin_34121282的博客
01-02 147
下面一段代码是关于window.parent和window.opener区别 来讲的，我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElementById(name).value = uvalue;这种形式哦。window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。可以用这一点特性来判断这个窗口是否...
javafx显示多个窗口以及javafx多窗口之间数据交互传输项目原文件
05-05
显示多窗口管理文章http://blog.csdn.net/miniduhua/article/details/71190747
子窗口传值到父窗口.rar
10-13
这个过程就称为“子窗口传值到父窗口”。在JavaScript中，我们可以利用多种方法实现这一功能。以下是一些常用的技术和步骤： 1. **使用window.opener属性**： - 子窗口可以通过`window.opener`属性访问父窗口的...
JavaScript实现弹出子窗口并传值给父窗口
10-25
`window.showModalDialog()`返回值会被赋给`TextBox1`，使得父窗口可以接收到子窗口的返回值。 子窗口（假设为`second.aspx`或`second.html`）通常包含用户交互元素，如在这个例子中的多选框（`myRadio`）。子窗口...
javascript 父窗口、子窗口传值问题
03-16
### 父窗口向子窗口传值 1. **通过`window.open()`方法传参**：在创建子窗口时，可以通过URL查询字符串传递参数。例如： ```javascript var childWindow = window.open('child.html?param1=value1&param2=value2'...
Qt--子窗口向父窗口传值
10-29
本主题将详细探讨如何在Qt中实现从子窗口（子对话框）向父窗口传递数据，具体涉及的主要文件包括`mainwindow.cpp`、`main.cpp`、`myform.cpp`、`logindlg.cpp`、`mainwindow.h`、`myform.h`、`logindlg.h`以及UI文件...
父页面向子页面传值
weixin_30815427的博客
12-22 135
case "edit": var indext= layer.open({ type: 2, title: '产品信息列表', //shadeClose: true, //点击遮罩关闭 ...
js子窗口与父窗口的调用
azrael6619的专栏
10-12 162
子窗口与父窗口的调用  注意：要用open打开才行，如果用openModal打开则会访问不到opener. 顺便说下open的参数：   window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,locati...
Qt子窗口给父窗口传值（信号与槽机制）
Learning_Well的博客
07-01 2887
1、父窗口和子窗口名称介绍父窗口：Test_7子窗口：testnew2、父窗口与子窗口内容介绍子窗口：声明信号、发送信号父窗口：声明槽函数，定义槽函数，connect连接3、在父窗口中（Test_7.cpp），完整代码如下： 4、父窗口中（Test_7.h），完整代码如下： 5、子窗口（testnew.cpp），完整代码如下： 6、子窗口（testnew.h），完整代码如下： 7、程序运行结果，如下：...
JS 子窗口向父窗口传值
程宇寒
05-15 5294
首先我们来了解下window对象的的方法open：1，open() 方法用于打开一个新的浏览window.open(URL,name,features,replace)重要事项：请不要混淆方法 Window.open() 与方法 Document.open()，这两者的功能完全不同。为了使您的代码清楚明白，请使用 Window.open()，而不要使用 open()。2，openeropener ...
子窗口给主窗口传值
谁谁谁的专栏
03-15 1503
方法：信号槽 假设主窗口为A  ； 子窗口 为 a ； 给子窗口定义一个信号，当触发这个信号，使用信号槽连接来发送参数。 子窗口定义信号： signals: void toMainWindow(QString); 在子窗口函数添加触发信号事件： emit(toMainWindow(str)) 触发之后，这时需要主窗口去接受。 提前在主窗口定义好信号槽链接，下面的 m_pCa
关于父页面调用子页面，子页面传值给父页面 回调函数的实现
伯恩大帝的博客
07-19 4585
父页面代码 test1.html &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;父页面&lt;/title&a
一文看懂QT中子窗口如何向父窗口传递数据信号
feengg的博客
05-05 5954
前言： 在使用QT进行界面开发时，经常会出现父窗口和子窗口进行数据交互的情况。 比方说，单击父窗口上的一个控件，子窗口发生一些动作。或者单击子窗口上的一个控件，父窗口发生一些动作。 父窗口向子窗口传递数据较简单，单击父窗口上的控制时，直接使用槽函数调用子窗口的成员函数，然后传递参数即可，执行相应的动作即可。 但单击子窗口时，向父窗口传...
mfc子窗口传值给父窗口
07-22
在 MFC 中，子窗口可以通过消息机制将值传递给父窗口。以下是一种传递值的常见方法： 1. 在子窗口的头文件中定义一个自定义的消息常量，例如： ```cpp #define WM_MYVALUE (WM_USER + 1) ``` 2. 在子窗口中，当需要传递值给父窗口时，使用 `PostMessage` 或 `SendMessage` 函数发送自定义消息： ```cpp // 例如，在按钮点击事件中传递值 100 给父窗口 ::PostMessage(GetParent()->GetSafeHwnd(), WM_MYVALUE, 100, 0); ``` 3. 在父窗口类中，覆盖 `OnWndMsg` 函数以处理自定义消息： ```cpp BOOL CParentWnd::OnWndMsg(UINT message, WPARAM wParam, LPARAM lParam, LRESULT* pResult) { if (message == WM_MYVALUE) { int value = (int)wParam; // 获取传递的值 // 在这里可以对传递的值进行处理 // ... return TRUE; // 返回 TRUE 表示已经处理了消息 } return CWnd::OnWndMsg(message, wParam, lParam, pResult); } ``` 通过以上步骤，子窗口可以将值通过自定义消息传递给父窗口。在父窗口的消息处理函数中，可以获取传递的值并进行相应的处理。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值