使用window的open方法实现子页面向父页面传值。

最新推荐文章于 2020-09-29 19:25:54 发布
最新推荐文章于 2020-09-29 19:25:54 发布
阅读量839 收藏 2
点赞数
原文链接：http://www.cnblogs.com/wangyanei2017/p/9186383.html
版权

有时候我们会需要弹出一个子页面进行级联选择数据，并把选择好的数据填充到父页面。

此时一种简单的方法就是通过window.open（）打开一个子页面，子页面提交的时候触发事件，在事件里将子页面填写的数据填充到父页面的方法是：

 window.opener.document.getElementById("父页面元素的id").value = '子页面填写的值';
这个赋值方法仅适用于通过window.open()方法打开的父子页面。切勿使用于其他框架。

转载于:https://www.cnblogs.com/wangyanei2017/p/9186383.html

1361976860
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS父页面与子页面相互传值方法
10-26
主要介绍了使用JS在父页面和子页面间相互传值方法,子页面可以是window.open弹出的,也可以是iframe框架中的页面,需要的朋友可以参考下
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值
08-10
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值,详情链接:
document.getElementById介绍
12-08
把你的大脑当做浏览器执行下面的代码两次，分别是IE6和IE9： 代码如下: function testFunc(){ alert(‘test’) } $(function(){ var g = document.getElementById , w = window.testFunc ; //g alert(typeof(g)); alert(String(g)); alert(g instanceof Object); alert(g instanceof Function); //w alert(typeof(w)); alert(String(w)); alert(w instance
javascript window.opener的用法分析
10-29
window.opener 返回的是创建当前窗口的那个窗口的引用
asp.net 子父窗口 传值
jun11111的专栏
10-31 343
父窗口 http://www.w3.org/1999/xhtml"> 无标题文档 function openSub() {    window.open("新建 文本文档 (2).html",null,"height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); }
asp.net父窗体调用子窗体,并将值传回父窗体
rockywu
03-07 2231
来自MSDN代码~:父窗体:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >     function openpage(htmlurl)     {        var newwin=window.open(htmlurl,"newWin","toolbar=
window.open()子页面向父页面传值
心中有侠
01-14 4833
通常有一种场景: 在父页面打开一个子页面,将子页面选中的某些数据传递给父页面,父页面再对这些数据进行处理 这种场景可以用window.open().   代码: 父页面 <div onclick="goChild()"> 子页面的name </div> <input id="hidden1" name="hidden1" type="hidden.
window.opener方法的调用
h5css3_linhuai的博客
05-22 3063
在chrome浏览器里使用必须是在项目里面 main.html代码 main var wd; var winTimer;//计时器变量, 监听窗口关闭 function openWindow() { wd = window.open("child.html",null," height=300,width=450, Left=300px,Top=2
vue-cli创建项目及父子模块
逆天的博客
09-29 2830
目录1.创建项目1.1 以管理身份打开cmd，进入项目将要放置的路径1.2 创建 vue init webpack 项目名称1.3 将项目在WebStorm中打开并启动2 入门2.1 父子页面2.1.1 APP.vue与HelloWorld关联2.1.2 APP.vue与hello2关联，在index.js中设置2.1.2 APP.vue与index关联3.vue-rouyer配置子路由3.1 导航3.2 将hi1和hi2加入到hi模板中,单页面中的2个子页面 1.创建项目 1.1 以管理身份打开cmd，进
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
12-11
} window是一个javascript对象，可以用它的open方法，需要注意的是，如果这个页面不是一相相对路径，那么要加http://,比如： 代码如下: function gogogo() { window.open( “http://www.google.co
window.open父子窗口传值问题
03-27
Web开发中的window.open父子窗口传值问题 部署在tomcat中进行
js关闭子窗体刷新父窗体实现方法
12-08
代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/–>使用open方式打开的窗体 //使用地址... 使用showModalDialog方法 window.returnValue = ‘refresh’;
infrared-remote-candroid studiodemo
05-05
android studio下载
【新质生产力】新质生产力赋能智能制造数字化解决方案.pptx
05-05
【新质生产力】新质生产力赋能智能制造数字化解决方案.pptx
基于matlab实现的用于应用布格重力异常数据反演地下异常密度体.rar
05-05
基于matlab实现的用于应用布格重力异常数据反演地下异常密度体.rar
node-v8.10.0-linux-x64.tar.xz
最新发布
05-05
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
基于Yolov5目标检测和deepsort目标跟踪无人机跟踪.zip
05-05
无人机最强算法源码，易于部署和学习交流使用
layui 父页面向子页面传值
02-19
在layui中，父页面向子页面传值可以通过URL参数、localStorage或者sessionStorage来实现。 1. URL参数：可以在URL中通过查询字符串的方式传递参数。在父页面中，可以通过拼接URL的方式将参数传递给子页面。在子页面中，可以通过获取URL参数的方式获取传递过来的值。 例如，在父页面中传递参数给子页面： ```javascript var value = "Hello"; window.location.href = "child.html?param=" + value; ``` 在子页面中获取传递过来的参数： ```javascript var param = window.location.search.substr(1); // 获取URL参数部分 var value = param.split("=")[1]; // 获取参数值 console.log(value); // 输出：Hello ``` 2. localStorage：可以使用localStorage来在父页面和子页面之间进行数据传递。在父页面中，可以使用localStorage.setItem()方法设置值；在子页面中，可以使用localStorage.getItem()方法获取值。 例如，在父页面中设置值： ```javascript var value = "Hello"; localStorage.setItem("param", value); ``` 在子页面中获取值： ```javascript var value = localStorage.getItem("param"); console.log(value); // 输出：Hello ``` 3. sessionStorage：与localStorage类似，但是存储的数据在会话结束后会被清除。 以上是layui中父页面向子页面传值的几种方式，你可以根据具体需求选择适合的方式进行使用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值