弹出子页面, 将数据传到父页面

最新推荐文章于 2022-02-10 09:45:07 发布
最新推荐文章于 2022-02-10 09:45:07 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： 零散的技术积累 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woods240/article/details/6216851
版权

1.为什么要将子页面的数据回传给父页面?

   当一个页面多次重复同一个复杂的操作时,我们可以复用这个操作,将它单独提取出来(做到另一个页面里);

   该页面捕获用户的输入,产生结果,输出给父页面,就完成了自己的使命;

2.用什么方式来实现?

   毫无疑问,用Javascript, 因为弹出对话框有好几种,所以实现方式应该也对应多种.

   为了实现方便,在网上找到了window.open()搭配window.opener这种,子页面将控件的值传递给父页面的控件.

woods240
关注
专栏目录
Ajax实现子页面数据带到父页面
刀xiao面_加蛋
11-19 2656
原创，仅为自己
layui弹出框子页面返回数据给父页面
zhrzhhymaffia的专栏
02-17 4375
最近从git上下载了一个开源的项目，项目前端使用layui框架。想使用该开源项目二次开发一个系统。开源项目名称是FEBS。 该项目封装了layui的一些方法，这里只介绍弹出框子页面怎么传值给父页面。 网上有介绍通过调用父页面函数的方式进行调用，参考http://www.pianshen.com/article/8280157529/ 这里介绍另一种方式，通过在父页面定义一个数组，在子页面中，直接调...
关于弹窗页面和父类页面的传值，数据交换问题。
xiaoxuanRunning的博客
05-18 1305
在父页面中定义一个全局变量  然后 用ajax 从后台获取需要传的值  用全局变量接收  //ajax获取全部联系人 定义全局变量 传入弹窗页面 var users;//全局变量 $(document).on("click" ,".open_window" ,function (){  var myFrame = document.getElementById("myFrame"...
弹出层中中的iframe如何传值给主页面
04-11 1461
在一个弹出框里的iframe中，把数据传回主页面。 var spr = document.getElementById("spr").value; top.window.opener.document.getElementById("tgfspr").value=spr; top.self.close();//在iframe中关闭弹出框 --------------------------
子页面传值到父页面
z19950712的博客
06-19 1146
父页面取值 function getInfo(a) { IPLAT.EFSelect.value($("#result-0-classification"), a.classification); //分类 $("#result-0-versionNumber").val(a.versionNumber);//版本号 $("#result-0-productionIid").val(a.iid);//安全生产制度id IPLAT.EFSelect.value($("#resu
layer.open 子页面弹出层向父页面传输数据的例子
12-13
子页面向父页面传数据，利用弹出页面点击确定时返回的参数，即yes:function(index,layero){}的layero。 关键就一句： var obj = $(layero).find("iframe")[0].contentWindow; obj可以调用子页面的方法，这样就可以...
JS父页面与子页面相互传值方法
10-26
一、子页面是父页面通过`window.open`弹出的情况 当子页面是通过`window.open()`函数打开时，我们可以使用`window.opener`属性来访问父页面的DOM元素。以下是一个简单的例子： 1. 父页面代码： ```html <!DOCTYPE ...
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
08-29
Layer子层给父层页面元素赋值，以达到向父层页面传值的效果实例是指在layer弹出框中，将子层的数据传递到父层页面的方法。这种方法可以在实际开发中发挥重要作用，例如在选择商家时，需要将子层的选择结果传递到父层...
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值
08-10
在EasyUI中，我们可能会遇到需要在弹出窗口（子页面）与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先，让我们理解标题中的“弹出window窗口传值”。在EasyUI中，创建一个弹出窗口...
弹出子窗口并传值给父窗口
weixin_34080903的博客
11-04 286
新建父窗口页面： 加入以下脚本 &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt; &lt;head runat="server"&gt;     &lt;title&gt;First&lt;/title&gt; &lt;/head&gt; &lt;script type="text/javascript&qu
子页面模式对话框里的值怎么传到父页面
qq_38647207的博客
09-20 1298
两种方式： 1、关闭子窗口的时候将选择的值返回过去，然后在父窗口处理： 子窗口在点击"选择"按钮时， 显式将选择的值付给 window.returnValue（如: window.returnValue='肖锋'; ) 这样父窗口 var selectPerson = window.showModalDialog(url); 变量 selectPerson即会获得返回的值。然后再继续处理 需要注意...
RuoYi-弹出新窗口选择数据回显到父页面
李大哥
04-29 4669
这里只贴出关键代码，其他代码需要自行编写。返回值处理根据实际需求来，目前是只取第一条，因为选择页面是单选行 表单页面新加方法 /* 选择社区 */ function selectCommunity() { var url = ctx + "community/selectCommunity"; var options = { title: '选择社区', width: "600", url: url, callBack.
vue路由传参的两种方式,实现返回上个页面不刷新
热门推荐
anny_mei的博客
07-17 1万+
我的项目是当在新增页面(下面叫A页面)先提交一些数据,然后跳转到下一个页面(下面叫B页面)再填写数据,然后返回到新增的页面 之前我直接跳转回B页面goback(),这样的话跳转回来A页面就什么数据都没有了 解决方法有两种,一种是在地址栏里面拿参数 this.$router.push({ name:'xxxxxxxxx', // 跳转的页面名称 params:{ id:this.id || "xxxxxxxxxx" } }) 在
JSP页面将弹框窗口页面的值传递给父窗口
kiven9609的博客
02-10 698
js给上级、父级页面赋值
关于父页面调用子页面，子页面传值给父页面 回调函数的实现
伯恩大帝的博客
07-19 4593
父页面代码 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
Vue实现跨页面传数据（从一个页面选择内容带回原页面）
GHL1996的博客
12-21 5316
作为一个后端程序员在公司开发项目难免会遇到一些前端问题，最近公司开发新项目前端不够后端来凑，先说情景。 我的业务场景是点击添加是打开弹窗，从弹窗中选择数据 一个页面中要展示的内容是从弹窗中选择的，也可以说是从另一个页面带回来的数据。 点击添加按钮打开一个弹窗，弹窗中是要添加的数据，选择好数据带回当前页面展示，这个问题对于我一个出入职场的后端小白来说实现起来有些困难。 经过查找和寻求帮助最后终于搞定了这个问题，上代码 下面是原页面的弹窗开关 <DialogHouseQuery //这是一个自定义的弹窗页
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值