子窗体给父窗体传值 javascript opener

最新推荐文章于 2021-06-15 12:04:17 发布
最新推荐文章于 2021-06-15 12:04:17 发布
阅读量156 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 子窗体与父窗体 文章标签： opener open window 传值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chuang_chuang/article/details/84021422
本文介绍了一个简单的HTML与JavaScript实现的父窗体与子窗体之间的数据交互案例。点击父窗体按钮打开子窗体，子窗体通过调用父窗体的方法将数据传递回去，并更新父窗体的文本框内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

father.html代码如下： 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>父窗体</title> 

Java代码   收藏代码
  1. <script language="javascript" type="text/javascript">  
  2. function OpenWindow(szUrl,szTitle,nWidth,nHeight){  
  3.     return window.open(szUrl, szTitle, 'resizable=yes,menubar=no,scrollbars=yes,left=' + (window.screen.width-nWidth)/2 + ',top=' + (window.screen.height-nHeight)/2 + ',width=' + nWidth + ',height=' + nHeight);  //弹出一个居中可控制大小的窗体              
  4.   
  5. }  
  6. function setValue(strValue){  
  7.     document.getElementById("txt_Value").value = strValue;  
  8. }  
  9. </script>  

</head> 

<body> 
<form id="form1" name="form1" method="post" action=""> 
  <label> 
  <input type="text" name="txt_Value" id="txt_Value" /> 
  </label> 
  <label> 
  <input type="button" name="btn_ShowClose" id="btn_ShowClose" value="按钮" onclick="OpenWindow('child.html 
','child',650,450);" /> 
  </label> 
</form> 
</body> 
</html> 

另一个是子窗体 :child.html代码如下： 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>子窗体</title> 
Java代码   收藏代码
  1. <script language="javascript" type="text/javascript" >  
  2. function CloseWind(){  
  3.     opener.setValue("子窗体传值到父窗体");  
  4.     window.close();  
  5. }  
  6. </script>  

</head> 

<body> 
<form id="form1" name="form1" method="post" action=""> 
  <label>关闭 
  <input type="button" name="btn_Close" id="btn_Close" value="按钮" onclick="CloseWind();" 

/> 
  </label> 
</form> 
</body> 
</html> 

2.通过子窗体执行的父窗体的setValue(m_strValue)来执行赋值操作. 
第07课：使用 HTML 5 API 创建子窗口
一个被知识诅咒的人
09-22 1288
在 Electron 中还存在一种创建窗口的方式，就是使用 HTML 5 的 API 创建窗口。在 HTML 5 中提供了 window.open 方法用于打开一个子窗口，该方法返回一个 BrowserWindowProxy 对象，并且打开了一个功能受限的窗口。 window.open 方法的原型如下。 window.open(url[, title] [,attributes) 参数的说明如下...
javascript 子窗体父窗体相互传值方法
10-29
补充说明中提到的“模式窗体传值”可能指的是在弹出的子窗体中用户输入数据后，将这些数据传回父窗体的一种模式。父窗体通过特定的方式，如弹出模态窗口让用户操作并返回结果，这是许多现代Web应用程序的标准做法。 ...
子页面给父页面传值问题(open打开方式)
奔跑的长毛象
10-18 213
window.parent.opener.document.getElementById('ID').value = 要传递的值;(id 为父页面元素)
HTML子窗口
xxgxgx的专栏
08-25 1699
1、最基本的js弹出对话框窗口代码】这是最基本的js弹出对话框，其实代码就几句非常简单： 复制代码 代码如下: <script LANGUAGE="javascript"> <!-- window.open ("page.html") --> </script>因为这是一段javascripts代码，所以它们应该放在<script LANGUAGE="javascript">标签和</scr
html5 子窗口页面,新窗口&子页面
weixin_39806065的博客
06-04 1883
如果是第一次制作混合app的话，我觉得第一个比较重要的事情是打包，把之前写的页面以一个app的方式呈现出来，会是一件非常令人兴奋的事情。其次比较重要的事情是窗口的概念。这里有一个教程，窗口一，窗口二，不是我录的……咳咳，其实我也没看。。。。这个是mui对于窗口的解释：mui窗口；首先，打开新页面，好几种方式；使用a连接的href属性，官方不推荐，我也没有研究使用plus.webview.open(...
总结：子窗口创建及父窗口与子窗口之间通信
Squirrel的专栏
08-15 7518
1、Javascript弹出子窗口可以通过多种方式实现，下面介绍几种方法(1) 通过window对象的open()方法，open()方法将会产生一个新的window窗口对象    其用法为： window.open(URL,windowName,parameters);  URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；  windowName:描述被打开的窗口的
子窗体与父窗体传值示例js代码
10-27
- **使用 `window.opener` 属性**：如果子窗体是由父窗体打开的，可以使用 `window.opener` 访问父窗体的全局对象，从而修改父窗体的变量或调用其方法。 - **使用事件监听**：可以创建自定义事件，由子窗体触发事件...
实现子窗体到父窗体的select传值技巧
要实现子窗体中的checkbox多选框值传给父窗体中的select下拉框，可以通过JavaScript进行DOM操作实现。下面详细解释这个过程中需要使用到的关键知识点。 ### 1. 父子窗体的结构和DOM关系 首先，理解父子窗体之间的...
JS父页面与子页面相互传值方法
10-26
在这个例子中，子页面通过`window.opener`获取到父页面的引用，并修改了父页面文本框的值。 二、子页面是iframe框架中的页面情况 如果子页面是作为iframe嵌入在父页面中，我们可以通过`parent`关键字来访问父页面...
js关闭子窗体刷新父窗体实现方法
12-08
在JavaScript中，有时候我们需要在关闭一个子窗口时刷新其父窗口，这在处理多窗口交互的应用场景中非常常见。例如，子窗口可能用于编辑或添加数据，然后在保存后需要更新父窗口显示的信息。以下是如何使用JavaScript...
html父窗体传数据,javascript 子窗体父窗体相互传值方法
weixin_39772566的博客
06-10 280
脚本之家精简使用版本，一般情况好多cms都有一些这样的函数。dedecms中的选择相关文章也是用的这样的函数。下面给出具体的代码。父页面核心代码:function SelectArcListA(fname){var posLeft = 10;var posTop = 10;window.open("content_select_list.asp?f="+fname+"&k="+form1....
HTML子窗体传值父窗体的几种方式
一个2年工作经验的程序测试员
06-06 227
第一种：Open 1.通过Opener方法调用父窗体方法传值 1&lt;html&gt;2&lt;head&gt;3&lt;metahttp-equiv="Content-Type"content="text/html;charset=gb2312"&gt;4&lt;title&gt;父窗体&lt;/title&gt;5&lt;/head&gt;6&amp
html窗口与其iframe子窗口之间的方法操作
txp1993的专栏
09-25 2367
1.父窗口操作iframe子窗口的js中变量、方法或dom对象    js方法: //父窗口获取子窗口js变量 document.getElementById("iframeId").contentWindow.jsVariable; window.frames["iframeName"].window.jsVariable; //父窗口获取子窗口js方法 document.getElemen
JS弹出子窗口
热门推荐
王腾涛
07-24 1万+
目的 在一个主窗口中,点击一个链接, 弹出一个子窗口 , 父窗口保留 在子窗口中点击关闭, 关闭子窗口. 子窗口的位置位于屏幕的中间 实现main.html<!DOCTYPE html> <html> <head><meta charset="utf-8"/></head> <body> <a href="" id="a1" target="new">新窗口</a> <div id="ms
javascript操作框架和窗口
03-03 2077
一、Iframe 篇 //&&&&&&&&&&&&&&&&&&&&公共方法开始&&&&&&&&&&&&&&&//父对象得到子窗口的值//ObjectID是窗口标识，ContentID是元素IDfunction GetValue(ObjectID,ContentID){       var IsIE = (navigator.appName == Microsoft I
html控制窗口,请教父窗口怎样控制子窗口_html/css_WEB-ITnose
weixin_30647489的博客
06-15 281
我在a.html中打开b.html，打开后想要修改b中的某些内容，比如b中有个文本框，我想在a中对他进行修改，该怎么做？？我试过这样做，不行：a中：function openhtml(){var childwin = window.open("b.html");childwin.document.getElementById("textbox").value="abcde";}b页面回复讨论(解决...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值