JavaScript里子窗口控制父窗口的实例

最新推荐文章于 2025-12-15 15:23:28 发布
转载 最新推荐文章于 2025-12-15 15:23:28 发布 · 959 阅读 · 0
文章标签：

#javascript #input #html #features #button #action

本文通过一个具体的HTML示例介绍了如何实现浏览器中子窗口与父窗口之间的数据交互。主要内容包括使用JavaScript来打开新窗口、在子窗口中修改数据并通过按钮点击将这些更改回传到父窗口。

子窗口：
----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<form name="form1" method="post" action="">
  <p>
    <input type="text" name="textfield">
</p>
  <p>
    <input type="button" name="Submit" value="按钮" onClick="window.opener.form1.test.value=form1.textfield.value;window.opener.form1.submit();window.close();">
  </p>
</form>
</body>
</html>
--------------------------------------------------------------------

父窗口
---------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>
</head>

<body>
<form name="form1" method="post" action="">
  <p>
    <input type="text" name="textfield">
</p>
  <p>
    <input type="submit" name="Submit" value="提交"><input name="test" type="hidden" value="">
    <input name="Submit2" type="button" onClick="MM_openBrWindow('open.htm','test','resizable=yes,width=300,height=300')" value="open">
  </p>
</form>
</body>
</html>

 
构造器里调用可重定义方法：ABAP、Java、JavaScript 的差异与避坑指南
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
12-16 7
文章摘要：面向对象编程中，父类构造器调用可重写方法时存在语言差异性陷阱。ABAP在构造阶段不会触发子类重定义，Java会调用但子类字段可能未初始化，JavaScript虽能调用重写方法却仍可能被后续初始化覆盖。这种隐蔽问题常导致框架类和公共组件出现难以定位的bug。建议避免在构造器中调用可重写方法，或将其声明为final，将扩展逻辑移至显式的初始化方法中。该问题在SAP Gateway和RAP开发中尤为常见，需特别注意初始化顺序带来的副作用。
ASP.NET中弹出窗口实现技术全解析
weixin_31961675的博客
11-27 305
简介：在ASP.NET开发中，弹出窗口是提升用户交互体验的重要手段，广泛应用于确认对话框、登录界面和消息提示等场景。本文系统总结了多种在ASP.NET环境中实现弹出窗口的方法，涵盖基于JavaScript/jQuery的原生实现、jQuery UI的模态对话框、ASP.NET AJAX Control Toolkit中的PopupControlExtender控件、MVC模式下结合PartialView的动态加载，以及利用Bootstrap等前端框架构建响应式模态窗。
Java 基础部分知识复习
weixin_30500105的博客
05-30 123
面向对象的特征: 继承、封装和多态 封装 : 把客观事物封装成抽象的类,并且类可以把自己的数据和方法只让可信的类或者对象去操作.对不可信的信息进行隐藏. 继承: 它可以使用现有类的功能,并在无需重新编写原来的类的情况下对这些功能进行扩展. 多态: 允许你将福对象设置成为和一个更多的他的子对象相等的技术,赋值之后,父对象就可以根据当前赋值给他们的子对象的特性以不同的方式运作. 面向...
css总结-笔记--部分非原创--属于资源整合
倪灵-ziop
02-15 6616
方法 分类 浮动末尾添加新标签，设置样式为clear:both clear:both 浮动末尾添加标签 clear:both 使用::after伪元素 clear:both 父元素设置display:table 构造BFC 父元素设置overflow:auto 构造BFC 父元素设置overflow:hidden 构造BFC 让父元素也浮动 构造BFC ...
Python 3 网络爬虫 个人笔记 (未完待续)
JayChang9的博客
08-15 1265
文章目录Python 3 网络爬虫 笔记 (未完待续)Chap 2 爬虫基础Chap 3 基本库的使用Chap 4 解析库的使用Chap 5 数据存储Chap 6 Ajax 数据爬取Chap 7 动态渲染页面爬取Chap 8 验证码识别Chap 9 代理的使用Chap 10 模拟登录Chap 11 App 的爬取Chap 12 Pyspider 框架Chap 13 Scrapy 框架Chap 14 分布式爬虫Chap 15 分布式爬虫的部署 Python 3 网络爬虫 笔记 (未完待续) Chap 2
es6 Object.assign ECMAScript 6 笔记（六） ECMAScript 6 笔记（一） react入门——慕课网笔记 jquery中动态新增的元素节点无...
04-21 426
es6 Object.assign 目录 一、基本用法 二、用途 1. 为对象添加属性 2. 为对象添加方法 3. 克隆对象 4. 合并多个对象 5. 为属性指定默认值 三、浏览器支持 ES6 Object.assign 一、基本用法 　　Object.assign方法用来将源对象（source）的所有可枚举属性...
Java必备知识
A13840125037的博客
07-23 376
***************Java必备知识***************   1、java的基本数据类型 char、byte、short、int、long、float、double、boolean     2、作用域public,private,protected,以及不写时的区别？   public： 具有最大的访问权限，可以访问任何一个在classpath下的类、接口、异...
选择器方法和正则表达式
weixin_39728880的博客
09-18 431
//下参,表选择器例'li';'#a' 获第一个 选.get(0)或选[0]--DOM对象 选为例$("p:first")--JQuery对象 或 $("p").eq(0)--JQuery对象 DOM元素->JQuery对象$(DOM元素) 无选中选择器: 其,是空json([])数据(可用选择器个数来判断);选择器.某1.某2报错,因为选择器.某1...
JavaScript 动态网页实例 - 窗口控制.rar
05-13
除了打开和关闭窗口之外,还有很多其他控制窗口的方法。例如,可以使用 window.focus()方法使窗口获得...本节介绍移动窗口、改变窗口大小、窗口滚动、窗口超时操作、常用窗口事件、常用窗口扩展等窗口控制的方法和手段。
JavaScript中的子窗口与父窗口的互相调用问题
10-20
本文深入探讨了JavaScript中如何实现子窗口与父窗口间的数据交互、窗口控制等操作。 首先，想要实现子窗口与父窗口之间的互相调用，关键是获取到对方窗口的引用。在JavaScript中，当子窗口打开时，通过window.open...
javascript 弹出的窗口返回值给父窗口具体实现
12-01
在JavaScript中，有时候我们需要在弹出的窗口中执行某些操作，然后将结果返回给父窗口。这个场景在很多Web应用程序中都有应用，比如用户在子窗口中选择一些选项后，将选择的结果传递回主窗口进行进一步处理。这里...
Javascript刷新窗口方法小结
10-23
1. Javascript刷新父窗口 当我们在一个弹出窗口或iframe中需要刷新父窗口时，可以通过特定的JavaScript代码实现。在文章中提到了一个函数`reflushParent`，这个函数通过访问`window.opener`对象来获取父窗口的引用...
javascript showModalDialog,open取得父窗口的方法
12-09
这里，`pWindow`不是父窗口的`window`对象，而是对话框被打开时传递的参数对象，所以不能直接用来访问父窗口的DOM元素。 需要注意的是，`window.opener`和`window.parent`这两个属性在JavaScript中的作用不同。`...
JavaScript 根据数组对象的某个 指定属性 分组合并，并累加金额
zhangyao940330的博客
12-15 205
item } 浅拷贝原对象的所有属性（如 id、name），合并时仅更新金额，其他属性保留第一个分组对象的值（若需保留所有属性，可修改为数组存储，如 name: [‘苹果’, ‘香蕉’]）。分组逻辑：用 Map 存储分组，键为 groupKey 的值（如 ‘水果’），值为合并后的对象。Map 比普通对象更安全（避免键名冲突，支持数字 / 对象等类型的键）。缺失金额或非数字（如 undefined、‘abc’）视为 0。字符串金额（如 ‘8’）自动转为数字；扩展需求：保留分组内所有非金额属性。
商城后台管理系统 02 添加规格参数-动态表单
weixin_52943021的博客
12-15 257
Boolean。
TypeScript
qq_65084229的博客
12-12 240
let y :[number,string] = ['1',2] //不能将类型“string”分配给类型“number”let name:string = `我的名字${name}`enum sex {boy='男', gril='女'}// 返回never的函数必须存在无法达到的终点。// 返回never的函数必须存在无法达到的终点。let name:string ="张三"（只能赋值undefined或null）// 推断的返回值类型为never。
商城后台管理系统 03 规格参数配置
weixin_52943021的博客
12-15 203
【代码】商城后台管理系统 03 规格参数配置。
多应用统一身份认证方案-接口设计篇
最新发布
专注于计算机研发知识和资讯分享
12-15 34
本文介绍了登录认证接口的改造方案，主要包括：1）统一登录流程设计，通过授权码实现多应用认证；2）新增设备登录限制功能，包括用户表添加设备限制字段和创建登录设备记录表；3）引入浏览器指纹技术加强安全验证。方案实现了集中认证与分散管理的结合，支持多应用独立鉴权，并通过设备指纹和登录次数统计增强账户安全性，同时保持各应用接口的自主性。系统架构上采用授权码与应用token并存机制，确保认证流程的灵活性与安全性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值