父窗口向子窗口传值

最新推荐文章于 2023-06-15 14:35:16 发布
最新推荐文章于 2023-06-15 14:35:16 发布
阅读量210 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_10123/article/details/81958614
版权
父窗口向子窗口传值：

url = url + '?winFlg=aaa&winPig=bbb';

window.open(url, '', '');

子窗口：

var URLParams = new Object();
var aParams = document.location.search.substr(1).split('&');
for (var i=0; i < aParams.length; i++) {
var aParam = aParams[i].split('=');
URLParams[aParam[0]] = aParam[1];
}

alert(URLParams["winFlg"]);

alert(URLParams["winPig"]);

==================================================================================

打开一个新窗口，该子窗口调用父对象的方法或变量，这个问题一直没有搞清楚。网上找了些资料，总结一下：

打开新窗口一般有几种方法，window.open(...),window.showModalDialog(...)，以及iframe中嵌套页面这里也一起研究吧，另外还有window.navigate(...)、window.location.href="..."、window.history.back(-1);都是实现同意页面内容跳转的，这里不讨论。

1、open子窗口：用window.opener代表父窗口的window对象

2、模态子窗口：间接通过传window对象到子窗口，然后子窗口可获得父窗口的window对象

3、iframe中子页面：用window.parent代表父窗口的window对象


父页面：1.htm 代码:

<html>
<head>
<title>打开父子窗口传值研究-父窗口</title>

<script >
var parValue="现在显示了父窗口中的变量值";

function test(){
alert("现在显示了父窗口中的方法正常执行");
}

</script>
</head>
<body >
<input type="button" id="mybutton1" value="打开open新窗口" οnclick="window.open('2.htm');">
<input type="button" id="mybutton2" value="打开modal窗口" οnclick="window.showModalDialog('3.htm',window);" >
<br>
<iframe id="subiframe" name="subiframe" src="4.htm" scrolling="auto" frameborder="1" ></iframe>
</body>
</html>


2.htm 代码：

<html>
<head>
<title>打开父子窗口传值研究-open打开子窗口</title>
<script>
var buttonValue=window.opener.document.getElementById("mybutton2").value //获取父窗口中的对象
var parentValue=window.opener.parValue; //获取父窗口中的变量

function doParTest(){
window.opener.test(); //调用父窗口中的方法

}
</script>
</head>
<body>

<input type="button" value="open打开子窗口按钮" οnclick="alert('buttonValue:'+buttonValue);alert('parentValue:'+parentValue);doParTest()">

</body>
</html>


3.htm 代码：

<html>
<head>
<title>打开父子窗口传值研究-打开modal子窗口</title>
<script>
var parentWin=window.dialogArguments;
var buttonValue=parentWin.document.getElementById("mybutton2").value //获取父窗口中的对象
var parentValue=parentWin.parValue; //获取父窗口中的变量
function doParTest(){
parentWin.test(); //调用父窗口中的方法
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<input type="button" value="modal子窗口按钮" οnclick="alert('buttonValue:'+buttonValue);alert

('parentValue:'+parentValue);parentWin.test();">
</body>
</html>


4.htm 代码：

<html>
<head>
<title>打开父子窗口传值研究-iframe中子窗口</title>
<script>
var buttonValue=window.parent.document.getElementById("mybutton2").value //获取父窗口中的对象
var parentValue=window.parent.parValue; //获取父窗口中的变量

function doParTest(){
window.parent.test(); //调用父窗口中的方法
}
</script>
</head>
<body>

<input type="button" value="iframe中子窗口按钮" οnclick="alert('buttonValue:'+buttonValue);alert('parentValue:'+parentValue);doParTest()">

</body>
iteye_10123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
父向子（传值）简单
m0_64707449的博客
06-15 1789
例子：第一步 创建两个 .vue文件。父: App.vue子：mySon.vue第二步 在（props）子组件中定义要使用的变量接收父组件传过来的数据第三步 在父组件中引入子组件 注册 使用第四步 定义数据 （这里的是死数据） 第五步 绑定变量...
vue父子组件传值的方法总结
qq_45337939的博客
08-17 2万+
一，父向子传值 1.通过props 使用技巧： 子组件内, props定义变量, 在子组件使用变量 父组件内, 使用子组件, 属性方式给props变量传值 注意事项： 父组件的数据发生了改变，子组件会自动跟着变 子组件不能直接修改父组件传递过来的props，会报错， props是只读的 子组件修改，不通知父级，会造成数据不一致 PS：父组件传给子组件的是一个对象，子组件修改对象的属性，是不会报错的，对象是引用类型, 互相更新 总结: ..
Qt子窗口传值到父窗口
zhangzx36的博客
06-15 686
cpp和dialog.h 是主对话框的代码；dlg2.cpp和dlg2.h 是子对话框的代码。1）使用Qt中的Signal&Slot机制进行传值。2) 使用public形式的函数接口进行传值。3) 使用全局变量进行传值。
vue父子组件传值：详解父组件向子组件传值（props）
热门推荐
qq_41968486的博客
10-27 7万+
vue父子组件传值：父组件向子组件传值（props） 定义父组件 2.定义子组件 关键点： 1.父组件想要向子组件传值，那么需要在子组件引入的地方绑定要传的值，并且要在父组件中引入子组件。 2.绑定的值可以是一个自定义属性来存放父组件向子组件传递的数据。 3.子组件使用props属性接收，然后可以直接在页面上以这个形式“{{}}”引用 1.父组件代码如下： <template> <div> 父组件: <input type="text" v-mode
父组件给子组件传值的两种方法
weixin_41883384的博客
11-06 8189
方法有两种， 方法一： props传值，这里注意一个问题，传过来的值需要用watch监听并赋值，否则这里获取到的是空数组 父组件： 1 <uploadImg :width="200" :height="200" name="productImage" size="750px*750px" ref="productImage" :src-list="this.productImage"></uploadImg> 1 .
JavaScript实现弹出子窗口并传值给父窗口
10-25
`window.open()`打开新窗口后，可以在子窗口中监听`message`事件，然后通过`window.parent.postMessage()`向父窗口发送数据。 总结一下，JavaScript实现弹出子窗口并传值给父窗口的基本步骤包括： 1. 在父窗口中...
Qt--子窗口向父窗口传值
10-29
本主题将详细探讨如何在Qt中实现从子窗口（子对话框）向父窗口传递数据，具体涉及的主要文件包括`mainwindow.cpp`、`main.cpp`、`myform.cpp`、`logindlg.cpp`、`mainwindow.h`、`myform.h`、`logindlg.h`以及UI文件...
javascript 父窗口、子窗口传值问题
03-16
### 父窗口向子窗口传值 1. **通过`window.open()`方法传参**：在创建子窗口时，可以通过URL查询字符串传递参数。例如： ```javascript var childWindow = window.open('child.html?param1=value1&param2=value2'...
子父窗口传值
11-27
2. **父窗口向子窗口传值** - URL参数：父窗口在打开子窗口时，可以通过URL携带参数，子窗口通过解析URL获取这些参数。 - `window.parent`：子窗口可以通过`window.parent`访问父窗口的对象，调用其方法或修改变量...
QT父子窗口相互传值
05-10
2. 父窗口指针：在创建子窗口时，可以将主窗口的指针作为参数传递给子窗口的构造函数，使得子窗口可以直接访问父窗口的数据。例如： ```cpp ChildWindow::ChildWindow(QWidget *parent) : QWidget(parent) { // ...
vue 父件与子件传值
03-02
父组件与子组件直接的传值详解，详细的介绍了两者之间的关系，vue的一个难点
pyqt父子窗口相互传值
05-30
pyqt父子窗口相互传值 pyqt信号槽的使用 对新手可能有帮助
子窗口和父窗口之间的相互传值
青青子呤，悠悠我心
11-13 1307
1.从子窗口中往父窗口传值 如父页面有一个控制的id是choosedProvider，那么这样可以把值传给父页面：[code="HTML"] window.opener.document.getElementById("choosedProvider”]).value=”Tom”; [/code] 2.父窗口关闭的时候关闭子窗口。这个就是用方法去检测父窗口的onunload事件...
JS 子窗口向父窗口传值
程宇寒
05-15 5261
首先我们来了解下window对象的的方法open：1，open() 方法用于打开一个新的浏览window.open(URL,name,features,replace)重要事项：请不要混淆方法 Window.open() 与方法 Document.open()，这两者的功能完全不同。为了使您的代码清楚明白，请使用 Window.open()，而不要使用 open()。2，openeropener ...
QT窗体间传值总结之Signal&Slot
hanxing0的专栏
06-13 3万+
在写程序时，难免会碰到多窗体之间进行传值的问题。依照自己的理解，我把多窗体传值的可以使用的方法归纳如下：       1.使用QT中的Signal&Slot机制进行传值；       2.使用全局变量；       3.使用public形式的函数接口；       4.使用QT中的Event机制（这种没有把握，但是感觉应该是可以的），但是实现起来应该比前几种复杂，这里不做讨论。
子窗口 随 父窗口 移动
07-16 407
如果是WS_CHILD的子窗口，不用处理也会随着父窗口移动 转载于:https://www.cnblogs.com/MarvinGeng/archive/2012/07/16/2593162.html
QT拖动子窗体实现父窗体的整体移动
小米的修行之路
02-19 892
我们想实现：一个主窗体中有一个按钮，当我们拖动按钮时，实现父窗体的整体移动，包括按钮也跟着一起移动。 1.设置按钮的可移动属性： //设置按钮的可拖动属性 ui->ptnDrag->setProperty("canMove",true); 2.在主窗体中为按钮注册过滤器： ui->ptnDrag->installEventFilter(this); 3、拖动实现： //事件过滤器 bool MainWindow::eventFilter(QObject *obj,
Duilib 父窗口无效化和消息传递
陈大豪的宝库
08-07 2631
当使用duillib界面库时，我们往往需要建立多个窗口，子窗口和父窗口之间有一定的逻辑需要，比如当子窗口弹出时，让父窗口无法处理父窗口内的控件的消息，即将父窗口无效化，直到子窗口关闭再恢复。建立多个窗口，我们可以定义多个窗口类来一一对应。我建立窗口类的时候继承的是duilib库里面封装的窗口类WindowImpBase。重载父类里的消息处理函数，就可以实现对消息的过滤。
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); } ``` 通过以上步骤，子窗口可以将值通过自定义消息传递给父窗口。在父窗口的消息处理函数中，可以获取传递的值并进行相应的处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值