js实现子类窗口往父类窗口传参！

最新推荐文章于 2024-07-04 16:04:23 发布
最新推荐文章于 2024-07-04 16:04:23 发布
阅读量954 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： function input button javascript html action
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/kevin_job/article/details/1934050
本文介绍了一种在父类窗口点击链接后打开子类窗口，并实现子类窗口向父类窗口传递参数的方法。示例中使用了JavaScript的showModalDialog函数及window对象的相关属性完成这一过程。

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

 

在父类窗口种点击一个连接，然后弹出一个子类窗口，将子类窗口得参数传给父类窗口得实现！

父类窗口：

<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN">   
  <HTML>   
  <HEAD>   
  <TITLE>   New   Document   </TITLE>   
  <SCRIPT   LANGUAGE="JavaScript">   
  <!--   
  function   setValue(){   
  document.Form1.txt1.value=   "changed"   ;   
  }   
    
  function   openWin(){   
  objWin   =   showModalDialog('CallOpenerFunction-2-ttt.htm',   window,'dialogWidth:   480px;   dialogHeight:   360px;   status:   no;   help:   no');   
  }   
  function   fndownload(url){   
    window.open(url);   
  }   
  //-->   
  </SCRIPT>   
  </HEAD>   
    
  <BODY>   
  <FORM   name="Form1"   METHOD=POST   ACTION="">   
  <INPUT   TYPE="text"   NAME="txt1"   value="default">   
  <INPUT   TYPE="button"   NAME="abc"   onclick="openWin()"   value="openWin">   
  </FORM>   
  </BODY>   
  </HTML>

 

子类窗口：

 

<input   type='button'   value='SetValue'   onclick='if   (window.dialogArguments   !=   null)window.dialogArguments.setValue();window.opener=null;window.close();'
小编人员
关注
【Web前端面试】葵花宝典(2022版本)——JS篇（下）
qq_49002903的博客
06-13 2895
你还在担心面试不过嘛？面试题找不到，小编特意整理了30+道高频前端面试题，送给大家，希望大家都能顺利通过面试，拿下高薪，也可持续关注本面试题专栏。本篇文章主要写的是面试题中的JS篇（下），之后会更新前端其他方面相关面试题。..................
js定义父类窗口，接收子窗口返回的内容,window.opener.document取得父类窗口的对象.html
u012240777的博客
05-25 1272
文件名： 定义父类窗口，接收子窗口返回的内容,window.opener.document取得父类窗口的对象.html 文件代码： 定义父窗口，接收子窗口返回内容   function shownewpage(thisurl)  {   window.open(thisurl,"弹出页面","width=470,hight=15,scrollbar=yes,resiza
JSP与JavaScript配合，实现子窗口向父窗口的值传递
smilingleo的专栏
12-07 8138
一个同事在项目中遇到点问题：在一个包含个人信息的静态页面中 想通过选择列表，选择人名之后，将页面中其他信息项自动添入信息。这个在JSF中通过Backing Bean是很好实现的。不过他用的是JSP，搞了有将近一个星期了也没个眉目。实在看不下去了，帮他弄了一下。代码如下：test.htmlhtml>head>title>Insert title heretitle>head>bo
子类窗口向父类窗口传值
ole_triangle_java的博客
08-17 555
window.opener.document.getElementById('lastSizeName').innerText=selectedSizeKey; window.opener.document.getElementById('selectedSizeId').value=selectedSizeId;
Vue.js子级向父级传递数据
xing_kai_kai的博客
09-03 1751
组件之间的数据的传递 - 子传父 注意！！！：html对大小写不敏感，事件名字最好用-隔开或全部小写！！ 步骤： 1、在父组件中在子组件上添加事件（自定义）监听 代表的含意： 事件分两类： 浏览器自带的事件 click mouseover mousedown … 自定义事件 nihao事件 xxx事件 yyyy事件 … 需要写代码让这个事件发生 上面的addmsg是在父组件中收到了子组件发布这个事件后，要做的事情，所以还要定义一个方法: 2、在子组件中,某一个时间通过th
jsp父子页面传值
11-09 2753
1.父页面方法 $(".ck").bind('click',function(){ var url = "./tc/agency_checkbox.html?ckid="+this.id; var iWidth=380; //弹出窗口的宽度; var iHeigh
JS 用window.open()函数，父级页面如何取到子级页面的返回值
柳岸花明
08-27 2244
    window.open("sUrl","sName","sFeature","bReplace");      window.open 返回为对象,返回对新的window对象的引用 -------------------------------------------------------------------------------------------------
前端面经-js篇
qq_45723302的博客
08-30 2315
1、闭包，内存泄露 特性 函数嵌套函数 函数内部可以引用函数外部的参数和变量 参数和变量不会被垃圾回收机制回收 优点 保护函数内的变量安全，实现封装，防止变量流入其他环境发生命名冲突 在内存中维持一个变量，可以做缓存（但使用多了同时也是一种缺点，消耗内存 匿名执行函数可以减少内存消耗 缺点 其中一点上面已经有体现了 ，就是被引用的私有变量不能被销毁，增大了内存消耗，造成内存泄露，解决方法是可以在使用完变量后 手动为他赋值为null; 其次由于闭包涉及跨域访问，所以会导致性能有所流失，我们可以把跨域
HarmonyOS应用实战开发-手写JS中的继承实现以及New、this、instanceof
最新发布
HarmonyOS_001的博客
07-04 989
ES6 中提供的 class 和 extends 本质上只是语法糖，底层的实现原理依然是构造函数和寄生组合式继承继承对于JS来说就是父类拥有的方法和属性、静态方法等，子类也要拥有。子类中可以利用原型链查找，也可以在子类调用父类，或者从父类拷贝一份到子类等方案。寄生组合式继承是开发者使用比较多的，主要有三点：1.子类构造函数的proto指向父类构造器，继承父类的静态方法2.子类构造函数的prototype的__proto__指向父类构造器的prototype，继承父类的方法。
JavaScript和jQuery的概述《干货》
2301_79258776的博客
04-23 1417
学会javaScript和jQuery的灵活运用！
前端JS面试题2021及答案
zhao142731的博客
10-09 6982
一、数据类型 1、JavaScript中什么是基本数据类型什么是引用数据类型？以及各个数据类型是如何存储的？⭐⭐⭐⭐⭐ 基本数据类型有 Number String Boolean Null Undefined Symbol(ES6新增数据类型) bigInt 引用数据类型统称为Object类型，细分的话有 Object Array Date Function RegExp 基本数据类型的数据直接存储在栈中；而引用数据类型的数据存储在堆中，每个对象在堆中有一个引用地址。引...
JSP父页面传参数到子页面及接收示例
01-08
1、父页面传参数到子页面 代码如下: //JavaScript代码 $.ajax({ type:”POST”, uri:”../student/studentInfo.action”, data:{ “date”:date, “stuNo”:stuNo }, success:function(data){ var params = “?date=”+date+”&stuNo=”+stuNo; var action = ‘../../page/studentInfo.jsp?’+params; dojo.byId(“student”).src = action; } }); 代码如下: <
web开发jsp之间页面传递参数的7种方式
热门推荐
iceggy的博客
03-31 1万+
 1.利用javabean Javabean类： package entity; public class User { private String username=""; private String gender=""; public String getUsername() { return username; } pu
JSP中传递参数方式的总结
mmayanshuo的博客
03-03 3098
Jsp中比较常用的传递参数的方法有：1、form表单：<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。属性：举例：<form method="post" action="<%=basePath
子类构造函数参数列表，子类向父类传参数
haohaojian的专栏
02-12 3505
#include "stdafx.h" #include #include #include using namespace std; class animal { public: animal(int height, int weight) { cout } }; class fish :public animal { public: fi
qt子类窗口与父类窗口之间的信号传递
05-24
在Qt中，子类窗口和父类窗口之间的信号传递可以通过信号槽机制实现。 首先，在子类窗口中声明一个信号，例如： ``` signals: void signalFromChild(int value); ``` 然后，将子类窗口的信号连接到父类窗口的槽函数中，例如： ``` connect(childWindow, &ChildWindow::signalFromChild, parentWindow, &ParentWindow::slotFromParent); ``` 在子类窗口中发射信号： ``` emit signalFromChild(10); ``` 当信号被发射时，会触发父类窗口中的槽函数： ``` void ParentWindow::slotFromParent(int value) { qDebug() << "Received signal from child window: " << value; } ``` 这样就完成了子类窗口和父类窗口之间的信号传递。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值