javascript 父窗口、子窗口传值问题

javascript父子窗口传值其实很简单,主要就是涉及到一个怎么找到子窗口,怎么找到父窗口的问题。

 

先说一下子窗口,子窗口通过window.open()方法创建,创建完毕其实是有返回值的,这个返回值就是子窗口了。

 

var child = window.open(...);

 

这样“child”就是子窗口,于是就可以通过下面方式操作子窗口:

 

win.document.getElementById("child").value = .....;

 

子窗口创建以后,找父窗口也很简单:window.opener就代表父窗口,于是我们可以:

 

window.opener.document.getElementById("parent").value = ...;

 

上面说的都是操作dom,调用函数也一样:

 

win.childFunction();

window.opener.parentFunction();

 

好了下面是具体的代码例子,大家可以下载看一下。

 

ps:上次研究过这个问题了,不过未记录,结果换系统的网页丢失了,重新找有用了不少时间,因此在这里记录一下。

 

-------------

 

如果打开的窗口参数比较多,可以通过form提交到子窗口来完成,首先打开一个空白窗口,然后将form的target只想child窗口,然后就可以submit了。

 

child = window.open("");

form.target = child;

form.submit();

 

----------------

 

折腾了一顿,发现通过form新窗口打开的页面,本身两个页面就是父子关系,唯一的缺点就是父窗口没有办法找到子窗口,但是子窗口可以通过window.opener找到父窗口.......

如何下载最新版本的VMware Workstation 随着虚拟化技术的发展,VMware Workstation作为行业领先的桌面虚拟化软件,为用户提供了在单一物理计算机上运行多个操作系统的能力。本文将详细介绍如何从Broadcom支持网站下载最新的VMware Workstation Pro版本。 阅读详情

相关推荐

Jetson Orin NX 单目标跟踪算法实战

本文对比了NanoTrack和MixFormerV2两种目标跟踪算法在Jetson Orin NX边缘设备上的实际表现。通过天空小目标跟踪场景测试发现,NanoTrack虽然表征能力较弱,但具有目标身份一致性强、失败模式可控、计算负担小等优势,更适合作为边缘端默认算法。MixFormerV2则适用于高速运动等特定场景。实验数据显示NanoTrack在Orin NX上可达200FPS,远高于MixFormerV2的38-120FPS。建议先采用NanoTrack构建稳定系统,后续再评估复杂算法的适用性。

karmueo46的博客 625

JS 父窗口向子窗口传值问题(window.open())

方法一~~~~~~~~~~~~~~~~~~~~~~ 主窗口: var a = "12345"; function newpage(){ window.open("子窗口.html" + "?" + a); } 子窗口.html var addstr= document.URL; var num=addstr.indexOf("?") addstr=add

笨鸟快飞的专栏 6863

深入C6678启动流程:从BootRom参数表到多核镜像部署的完整解析

本文深入解析TMS320C6678 DSP的启动流程,从BootRom参数表到多核镜像部署的全过程。详细介绍了七种启动模式的工程选择、多核镜像构建技巧以及二级引导策略,帮助开发者掌握C6678的启动机制与调试方法,提升嵌入式系统开发效率。

weixin_30505225的博客 612

Jquery,js调用Iframe父窗口和子窗口之间传值问题等

一. 1.子页面获取父页面中id为A的子页面 例:parent.A.location.reload(); 2.父页面获取id=B的子页面 例:B.location.reload(); 二.JQ 1.JQuery在iframe子页面获取父页面元素和方法 例: parent.$("元素id"); parent.方法名(); 2.JQuery在父页面获取iframe子页面的元素和方法 例: i...

weixin_41154756的博客 1929

深入解析UDS 0x19服务:DTC状态掩码与故障诊断实战

本文深入解析了UDS诊断协议中的核心0x19服务(ReadDTCInformation),重点拆解了DTC状态掩码(DTCStatusMask)的八个状态位及其在故障生命周期中的联动逻辑。通过实战案例,详细说明了从故障发生、确认到清除的全过程,并介绍了如何利用该服务进行深度诊断,包括读取扩展数据(如冻结帧)和避免常见开发误区,是理解汽车ECU故障管理机制的关键。

weixin_29248313的博客 323

Vectorless dynamic动态功耗分析——Voltus

power 计算工具会根据设计信息和用户提供的activity和switching约束来生成虚拟的worst-case的power vector,难点在于哪些instances视为switching,在没有仿真的前提下如何确定开关的时间,使用timing文件(TWF)

qq_44347276的博客 2790

layer弹出层大小问题

在我用layer.open打开一个网页窗口之后,子窗口使用parent. 向父窗口传值,这种方式打开的页面大小不能超过父窗口大小,如果我不断打开新的子窗口,子子窗口,我的页面会越来越小。如果我用window.top.layer.open 打开,则不能向父窗口传值。请问有什么好的解决方式吗?...

MyNameIsXiaoLai的博客 1840

无痛安装及初始配置 PHP 8.0.3 + Apache 2.4 + MySQL 8.0

PHP 8.0.3 + Apache 2.4 + MySQL 8.0MySQL 8.0.23 安装下载安装配置环境变量初始化MySQLPHP8.0.3 安装下载安装配置环境变量Apache 2.4 安装下载安装启动 MySQL 8.0.23 安装 下载 到官方网站下载:https://dev.mysql.com/downloads/mysql/ 目前的最新版本是MySQL 8.0.23 在Windows上有两种安装方式,一个是zip压缩文件解压然后配置,另一个是图像化界面安装。 这里选择第一种方法安装:

Kuang Da's Blog 6208

Chrome不支持showModalDialog的解决方案

  完全替代showmodaldialog模态窗口的jQuery浮动窗口  http://download.youkuaiyun.com/download/mmnan/4294585   JS中showModalDialog 详细使用 -- http://blog.sina.com.cn/s/blog_49867dc001013jj4.html   模式窗口showModalDialog的用法总...

kszy12 240

RK3568平台开发系列讲解(UBOOT篇)u-boot启动流程

U-Boot(Universal Bootloader)是一种开源的引导加载程序,广泛用于嵌入式系统中。它的主要功能是初始化硬件设备,加载操作系统内核,并将控制权交给操作系统。U-Boot的启动流程可以分为多个阶段,以下是典型的U-Boot启动流程:

内核笔记 1234

Python-增加b站视频播放量

如果条件允许的情况下,有代理API更好,每次请求url调用API也更方便。如果没有的话,也不用担心,网上本身也有着很多免费国内代理,不过代理是否可用需要自己花点时间去检测,检测方法笔者这里就不详述了,后面有时间的话会单独针对这一块做详细说明。在开始之前,需准备代理IP。总之,在每次请求url的时候,随机带入某个IP防止被平台检测,便于达到增加播放量预期。大致思路就是针对你的目标代理平台进行IP抓取,并存入到自己本地的IP代理池。本文是该专栏的第1篇,后面会持续更新对应平台干货知识,记得关注。

Python进阶专栏《爬虫实战进阶》,《Pyppeteer从入门到精通》原创作者 5209

子窗口传值到父窗口

我需要从父窗口点击一个按钮,弹出一个子窗口,然后在子窗口选择或输入信息,再将子窗口的值传给父窗口。 方式一: 大致代码如下: 【父窗口】 javascript部分: <script type="text/javascript"> function openChild(url){ window.open(url); //打开子窗口 } </sc...

XiaoAnXiong的博客 1767

手把手教你学Simulink--基础微电网场景实例:基于Simulink的混合交直流微电网架构仿真

本文基于Simulink构建混合交直流微电网仿真模型,通过交流子网(风电+交流负荷)和直流子网(光伏+储能+直流负荷)的协同控制,实现系统效率提升8.5%。重点介绍了混合架构原理、下垂控制策略及Simulink建模方法,包括核心模块实现、协调控制器代码和仿真参数设置。通过三种工况测试验证了系统性能:功率转移响应时间<0.5s,电压波动<5%,显著优于传统独立子网架构。文章还提供了进阶优化方向和完整代码清单,为微电网仿真研究提供实用参考。

MHD0815的博客 129

一个子窗口向父窗口传值,使父窗口的下拉框选中的例子

一个子窗口向父窗口传值,使父窗口的下拉框选中的例子,下面是具体的代码。  一:父窗口,使用js打开一个新的窗口,新的窗口将传递一个下拉框的值Cresting @20080426-->html>head>    style type="text/css">...        body        {...}{            font-size: 12px;        } 

Here I am 3274

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

关于父窗口与子窗口传值的Demo

本Demo案例为父窗口打开具有分页功能的子窗口并选择需要的值为id和id对应的值传给父窗口并以二维数组进行暂时存储,等选好之后,二维数组再把其中的元素以字符串形式分开存储在对应的input中。

小小菜鸟 3033

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

使用 jQuery 实现子窗口获取父窗口的值,或者父窗口获取子窗口的值时

在使用 jQuery 实现子窗口获取父窗口的值,或者父窗口获取子窗口的值时,需要了解以下两种情况的具体实现方式:当子窗口(例如通过 打开的新窗口)需要获取父窗口的值时,可以使用 来访问父窗口对象。以下是具体的示例代码: 子窗口() 代码解释 在父窗口中,当点击“打开子窗口”按钮时,会调用 方法打开子窗口。 在子窗口中,当点击“获取父窗口的值”按钮时,通过 访问父窗口对象,再使用 jQuery 的 方法找到父窗口中 为 的输入框,并获取其值,最后将该值显示在子窗口的输入框中。 父窗口获取子

大白菜代码的博客 1522

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

Electron中打开和关闭子窗口以及子窗口向父窗口传值

场景 用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld: https://blog.youkuaiyun.com/BADAO_LIUMANG_QIZHI/article/details/106413828 Electron怎样进行渲染进程调试和使用浏览器和VSCode进行调试: https://blog.youkuaiyun.com/BADAO_LIUMANG_QIZHI/article/details/106414541 在上面搭建好项目以及知道怎样进行调试后。学

BADAO_LIUMANG_QIZHI的博客 5876

js子窗口与父窗口的调用

子窗口与父窗口的调用 注意:要用open打开才行,如果用openModal打开则会访问不到opener. 顺便说下open的参数: Js代码 window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no...

花生福的博客 938

java父窗口传值给子窗口_父窗口与子窗口之间的传值

Javascript 两个窗体之间传值实现代码javascript中还有一个函数window.showModalDialog也可以打开一个新窗体,不过他打开的是一个模态窗口,那么如何在父窗体和子窗体之间传值呢?我们先看该函数的定义:vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])参数说明:sURL--必选...

weixin_28695537的博客 829

如何将子窗口的值传到父窗口去调用

这是我当初的问题"现在我想实现这样一个功能现在父窗口有一个select控件,同时有一个"增加"按钮,点击按钮,弹出一个窗口,这时弹出窗口也有一个table,同时有一个"确认"按钮table中有若干项,每一行对应一条记录,并有一个checkbox,选中这个checkbox就等于选中了这条记录,代码大致这样     nbsp$; nbsp$; nbsp$; >

jayli426的专栏 3048

js弹框带传值父窗口给子框_js中showModalDialog和open子窗口向父窗口传值方法

showModalDialog:父窗口:function addresswindow(){var adr=window.showModalDialog(‘index.php’,”,’dialogWidth:400px;dialogHeight:200px;center:Yes;resizable:no;status:no;scroll:no;’);if (adr != null &&amp...

weixin_39578899的博客 249

浏览器子窗口往父窗口传值遇到的window.opener is null 的问题

在做项目的时候遇到这样一个需求。 客户使用系统进行短信发送,可以通过选择数据库中的名片来添加收信人到一个列表框。我的想法是点击“选择名片”按钮,打开一个子窗口,子窗口为一个框架网页。分为左右两个框。左边显示分组,右边显示某个分组下的名片信息。当勾选某条名片信息前的复选框时,将此名片的电话号码和姓名传到父窗口的收信人列表中。思路就是这样,但是却遇到了问题。 点击选择名片就会出现一个子窗口

xuyaobaby的专栏 5978

JS 子窗口向父窗口传值

首先我们来了解下window对象的的方法open: 1,open() 方法用于打开一个新的浏览 window.open(URL,name,features,replace) 重要事项:请不要混淆方法 Window.open() 与方法 Document.open(),这两者的功能完全不同。为了使您的代码清楚明白,请使用 Window.open(),而不要使用 open()。...

allenmu1982的博客 254

js jquery 子窗口获取父窗口元素值

父窗口有一个input,和一个button ,在button上利用window.open方法打开子窗口: 子窗口获取父窗口指定元素值的代码: curproject=element = window.opener.document.getElementById("currentProjectIDForDetail").value; 另外,在百度上搜到很多内容几乎一样的、介绍利用jqu

2754

js弹框带传值父窗口给子框_JavaScript实现弹出子窗口并传值给父窗口

新建父窗口页面:加入以下脚本Firstfunction ShowDialog(Url){var iWidth=560; //模态窗口宽度var iHeight=300;//模态窗口高度var iTop=(window.screen.height-iHeight-100)/2;var iLeft=(window.screen.width-iWidth)/2;var returnValue=w...

weixin_39861669的博客 466

父窗口向子窗口传递值

下面是showModalDialog/showModelessDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口.关闭刷新父窗口,希望对象我这样的WEB开发的菜鸟有所帮助. (一)showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口. farther.html --------

start1032314909的专栏 1012
上一篇: 彻底解决win2003远程超出最大连接数的方法
下一篇: 关于tomcate配置的一些东西
xiaoxinphp
博客等级 码龄18年 1粉丝 45原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值