javascript父子窗口传递数据

最新推荐文章于 2020-01-08 16:18:58 发布
最新推荐文章于 2020-01-08 16:18:58 发布
阅读量2.1w 收藏 3
点赞数
分类专栏： Web 文章标签： javascript input function button html 文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yemy/article/details/1351413
版权

在网上找了一些例子 ：）

AA.html是主页面，其他的是例子。

1、AA.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>主界面</title>
</head>
<body>
 <form id="getForm">
  回传值：
  <input type="text" id="getData" readOnly>
  <input type="text" id="getData1" readOnly>
 </form>
 <input type="button" value="打开新窗口1" onClick="openWin1()">
 <input type="button" value="打开新窗口2" onClick="openWin2()">
 <input type="button" value="打开新窗口3" onClick="openWin3()">
 <script language="JavaScript">   
  function openWin1(){       
    var srcFile = "BB.html";    //新窗口的文档名称       
    var winFeatures = "dialogHeight:300px; dialogLeft:200px;";       
    var obj = getForm;  //将form作为对象传递给新窗口              
    window.showModalDialog(srcFile, obj, winFeatures);   
  }
  function openWin2(){       
    var srcFile = "CC.html";    //新窗口的文档名称       
    var winFeatures = "dialogHeight:300px; dialogLeft:200px;";       
    var obj = getForm.getData.value;  //将form作为对象传递给新窗口              
    var str=window.showModalDialog(srcFile, obj, winFeatures);   
    if(str!=null)
    getForm.getData.value = str;
  }
  function openWin3(){       
    var srcFile = "DD.html";    //新窗口的文档名称  
    window.open(srcFile,"new",winFeatures);
  }
 </script>
</body>
</html>

2、BB.html  function openWin1()

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新窗口BB</title>
</head>
<base target="_self">
<!--这句话非常重要，只要加上才能保证在弹出窗口中调用服务端代码而不会再弹出一个新窗口-->
<body>
<form id="sendForm">
 请输入资料：
 <input type="text" id="writeData">   
 <input type="text" id="writeData1">
 <input type="button" value="送回父窗口" onClick="send(sendForm.writeData.value,sendForm.writeData1.value);">
</form>
<script language="JavaScript">   
 function send(val,val1){       
  //取得父窗口传过来的对象       
  var myObj = window.dialogArguments;       
  //赋值
  myObj.getData.value = val;
  myObj.getData1.value = val1;
  //关闭窗口       
  window.close();   
 }
</script>
</body>
</html>

3、CC.html  function openWin2()

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新窗口CC</title>
</head>
<base target="_self">
<body>
<form id="sendForm">
 请输入资料：
 <input type="text" id="writeData">   
 <input type="button" value="送回父窗口" onClick="send(sendForm.writeData.value);">
</form>
<script language="JavaScript">   
 function send(val){       
  window.returnValue=val
  window.close();   
 }
</script>
</body>
</html>

4、DD.html  function openWin3()

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新窗口DD</title>
</head>
<body>
<form id="sendForm">
 请输入资料：
 <input type="text" id="writeData">   
 <input type="text" id="writeData1">
 <input type="button" value="送回父窗口" onClick="send(sendForm.writeData.value,sendForm.writeData1.value);">
</form>
<script language="JavaScript">   
 function send(val,val1){       
    opener.getForm.getData.value = val;
    opener.getForm.getData1.value = val1;
  window.close();   
 }
</script>
</body>
</html>

yemy
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax示例,父子窗体传
08-07
打开子窗体, 从子窗体向父窗体传递参数 ... 从Jsp页面获取复选框的值
简单的Web应用，从数据的获取到页面的展示
weixin_33777877的博客
07-27 1720
数据的抓取 抓取商家列表 抓取图片 抓取的数据导入数据库 superagent模块抓取内容 后台搭建 express数据加密 Jwt Token 路由拦截鉴权 前端 Vue生命周期 Vue路由搭建 vuex模块化 ajax库的拦截器，过滤 个人推荐的vue组件 大神请绕道，如有说的不对...
javascript基础：创建窗口、父窗口与子窗口
weixin_30394251的博客
02-01 195
通过window对象的open方法可以窗口子窗口，通过close方法可以关闭子窗口，但是只有在不指定新窗口连接的情况下，才有效。 下面的代码是在chrome中运行的。 父窗口代码： <!DOCTYPE HTML> <HTML> <HEAD> <TITLE> New Document </TITLE> <...
JS子窗口向父窗口传值
世间本无路，恒走坦途出
04-04 1368
方法一:用模式窗口returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口(模式窗口就是子窗口，打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子:--------------------------------------------------...
总结：子窗口创建及父窗口与子窗口之间通信
Squirrel的专栏
08-15 7289
1、Javascript弹出子窗口可以通过多种方式实现，下面介绍几种方法(1) 通过window对象的open()方法，open()方法将会产生一个新的window窗口对象    其用法为： window.open(URL,windowName,parameters);  URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；  windowName:描述被打开的窗口的
javascript浏览器窗口之间传递数据的方法
10-24
主要介绍了javascript浏览器窗口之间传递数据的方法,实例分析了父窗口与子窗口之间传递参数的使用技巧,非常具有实用价值,需要的朋友可以参考下
Javascript 表单之间的数据传递代码
10-30
今天有朋友问我关于用JAVASCRIPT来进行页面各表单之间的数据传递的问题，我以前也写过，不过从来没有注意，今天总结了一下，希望能够给大家一些帮助，也帮助我总结以前学过，用过的知识。
javascript父子通信
10-30
javascript父子通信
javascript父子页面通讯实例详解
10-23
主要介绍了javascript父子页面通讯的实现方法,实例分析了javascript针对父子页面通讯的原理与相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
js中几种父子窗口的交互总结
niemingming的专栏
06-20 1372
最近再做项目中，经常需要在页面的父子页面之间进行数据的交互和方法的调用，在这里做些简单的总结以备不时之需。         页面几种方式：           1.采用open方法打开的新页面和原页面的交互：采用这种方式，可以在子页面中调用opener属性获取父级打开页面。原则上将该方法返回一个新打开的窗体对象，这时需要注意的是如果打开的窗体路径和父级窗体所处的域不同的话，是不能操作子窗体数据
【JS】JS 实现父子窗体相互传值的三个方法
wan小小冰的博客
12-08 7716
一、在开发项目过程中经常会需要用到父页面和子页面互相传值来获取参数数据，下面提供了三种总结的比较好用的方法，本例子需要下载bootstrap-table.js、layer.js文件,具体下载地址如下： https://github.com/wenzhixin/bootstrap-table; http://layer.layui.com/; 1、html页面 （1）父页面（tes
javascript实现父子页面数据传递
.
09-01 599
实现弹出窗口，将弹出窗口数传递到创建它的窗口。如果是用父和子来说,将子窗口数据传递到父窗口。 Window 对象 Window 对象表示浏览器中打开的窗口。 opener 属性是一个可读可写的属性，可返回对创建窗口的window对象引用。 opener属性非常有用，创建的窗口可以引用创建它的窗口所定义的属性和方法。 TABLE 对象 Table对象代表一个HTML标签,在HTML文档中
点击按钮打开子页面，实现父子页面相互传值，再次点击回显子页面保存的数据
MatchlessHreo的博客
01-08 965
效果图（登录为保存的意思） 1.点击按钮打开子页面 js代码（打开页面如果隐藏域有值就回显在子页面上） /** * 打开银行信息页面 * */ InputInfoDlg.openAddBankInfo = function () { var bankArr = []; var bankjsonstr = $('#bankinfo').val(); if(ba...
[JavaScript]父子窗口间参数传递
weixin_30655219的博客
06-24 137
概述 当页面嵌入一个iframe，或者打开一个子窗口。这个时候如果父窗口需要与子窗口之间通讯，如果直接用DOM访问对方窗口window，会受到跨于安全机制影响。 javascript提供一个方法，可以解决这个问题，window.postMessage()； 示例 1.与iframe通讯 主页面： <!DOCTYPE html> <html> <he...
layer父子页面交互
热门推荐
飞龙在天
09-21 5万+
layer是一款近年来备受青睐的web弹层组件，官网地址是：http://layer.layui.com/ 可以从官网上下载最新版本。 1、当layer以iframe层的方式弹出新的窗口（子页面），如何在子页面中访问父页面的元素和函数。 访问父页面的元素值var parentId=parent.$("#id").val(); 访问父页面的函数 var parentMethodValu
macchina.io实现javaScript数据传递
最新发布
05-25
以下是使用macchina.io实现JavaScript数据传递的基本步骤： 1. 安装macchina.io并启动服务。 2. 在JavaScript代码中创建一个新的设备对象，例如： ```javascript var device = new Device("myDevice"); ``` 3. ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值