JavaScript技巧：在子页面中获取父页面数据的示例

于 2023-10-07 15:24:13 发布
阅读量432 收藏 1
点赞数
文章标签： javascript 前端 开发语言 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cscufft/article/details/133641208
版权
js 专栏收录该内容
299 篇文章 4 订阅 ¥59.90 ¥99.00
订阅专栏

在Web开发中，有时我们需要在子页面中获取父页面的数据。这可以通过JavaScript来实现。下面是一个示例，演示了如何在子页面中获取父页面的数据。

首先，让我们假设有一个包含数据的父页面。在父页面中，我们将定义一个全局变量，并将其设置为我们想要传递给子页面的值。这个全局变量可以是一个字符串、数字、对象或数组，具体取决于你的需求。

// 父页面
var dataToPass = "这是要传递给子页面的数据";

接下来，我们需要在子页面中访问父页面的数据。为了实现这一点，我们可以使用window.opener属性来获取对父页面的引用。然后，我们可以通过该引用来访问父页面的全局变量。

// 子页面
var parentData = window.opener.dataToPass;
console
了解本专栏 订阅专栏 解锁全文
CsCufft
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
layui 子页面用parent()拿到父页面的数据并回显数据
麦兜仪的博客
04-21 3020
layui 子页面用parent()拿到父页面的数据并回显数据 //父页面 定义一个全局变量来获取到表格当前行的数据 var objdata; //工具条操作按钮事件 table.on('tool(categories)', function(obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值" var data = obj.data; //获得当前行数据 objdata = data;
JS与jQuery实现子窗口获取父窗口元素值的方法
11-26
主要介绍了JS与jQuery实现子窗口获取父窗口元素值的方法,涉及javascript与jQuery操作窗口元素的相关技巧,需要的朋友可以参考下
子页面获取父级页面的数据
qq_20426717的博客
03-23 791
var pabouid = window.opener.document.getElementById("pabouContent").getElementsByTagName("div")[4].getAttribute('pabouid'); var src = window.opener.document.getElementById("pabouContent")...
Java基础语法（二十一）：文件读写操作
热门推荐
分享是一种积极的生活态度~~
09-06 1万+
在 Java 中，文件读写是一项非常常见的操作。无论是读取配置文件，还是将数据存储到本地磁盘，文件读写都是必不可少的关键步骤。本文将介绍 Java 文件读写操作的基础知识和实际应用，并提供详细的代码示例。一、介绍。
js中子页面获取父页面参数，子页面调用父页面方法（一般在iframe页面用的比较多）
hangGe0111的博客
08-08 5168
转载：https://www.cnblogs.com/huangshuqiang/p/5734358.html 1.子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 ...
layui子页面获取父页面数据
ph的博客
09-03 2362
父页面定义一个全局js变量json varjson; layui.use(['laydate','form','table'], function() 然后在这行监听到的表格行数据信息，复制给json全局变量。 json=JSON.stringify(data); 最后在子页面中使用 varparent_json =eval('('+parent.json+')'); console.log(parent_json); 从父层获取值，json是父层的全局...
js子页面获取父页面参数或方法
Adobe_java的博客
12-08 2715
js子页面获取父页面参数或方法
子页面和父页面元素的互相获取
最新发布
mkmmkkghhhhhhhh的博客
06-08 1719
子页面和父页面元素的互相获取
layui弹出层子页面获取父级页面元素
testHjy的博客
11-24 3454
需求：点击父页面内容库，弹出子页面列表，点击添加按钮，将子页面信息回填到父页面中对应的区域。同过ID找到元素，再用$(元素)转为对象，再复制即可。
【岁月留声（JavaScript）】showModalDialog对父窗口进行操作
Kida 的技术小屋（CSDN 版）
02-01 9624
需要在IE6使用showModalDialog对父窗口进行操作（这里就已经是两层弹窗了，父窗口再弹一个模态窗口，呵呵）
js父子页面相互调用变量及方法
Dzq_Boyka的博客
11-02 2429
原文：http://www.cnblogs.com/huangshuqiang/p/5734358.html （1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent
js与jQuery实现获取table中的数据并拼成json字符串操作示例
10-18
主要介绍了js与jQuery实现获取table中的数据并拼成json字符串操作,涉及javascript与jQuery针对HTML页面table表格数据获取、遍历及json字符串拼接相关操作技巧,需要的朋友可以参考下
JavaScript详解(第2版)
04-25
1.4　JavaScript及其在Web页面中的位置　3 1.5　Ajax是什么　5 1.6　JavaScript是什么样子的　6 1.7　JavaScript及其在Web开发中承担的角色　7 1.8　JavaScript和事件　9 1.9　标准化JavaScript和W3C　11 1.9.1　...
《JavaScript实例精通》[源代码]
09-21
示例描述：JavaScript页面处理技巧。 6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为...
JavaScript实例精通
01-11
示例描述：JavaScript页面处理技巧。 6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为...
layui弹窗：将父页面的值传到子页面，并在子页面调用
stefanie_sun723的博客
12-23 1753
实现功能：想要实现在当前页点击数据列表的某一行，弹出该行数据对应的子页面，其中涉及到将数据列表中的值传递给子页面，并在子页面中调用 1、父页面的监听行单击事件 table.on('row(cat)', function(obj) { var data = obj.data;//获取当前行的数据 layer.open({ type: 2, title: '数据详情', maxmin: true,
关于layer.open()弹出页面与”父页面“之间获取数据赋值给页面Element的问题
m0_46448915的博客
11-12 8047
文章目录前言一、layer.open()的使用1.概念2.主要参数二、弹出页面与”父页面“之间获取Element数据并赋值1.需求2.实现代码1、前期准备**2、所有代码**三、最后 前言 最近在做一个超市管理系统的作业，我也是用到了layUI组件库，使用表格时，也是被编辑表格功能给搞的"心累"。官方给的编辑表格是直接点击（双击）表格某格就可以直接编辑表格。但我想实现的是，用户点击表格右侧”编辑”工具栏就弹出一个“子页面”，在子页面上编辑对应的表格某行数据，并更新表格数据。当然这里我没有写数据库相关接口
js/jquery如何获取获取父窗口的元素
ai8472323的博客
10-15 1103
1、$("#父窗口元素ID",window.parent.document); 对应javascript版本为 window.parent.document.getElementById(“父窗口元素ID”); 取父窗口的元素方法： $(selector, window.parent.document); 取父窗口的父窗口的元素就可以用： $(selector, window.parent.parent.document); 类似的，取其它窗口的方法大同小异 获取iframe父窗体元素： $(selecto
js/jquery获取父窗口元素
weixin_39255905的博客
06-08 8554
取父窗口的元素方法：$(selector, window.parent.document); 那么你取父窗口的父窗口的元素就可以用：$(selector, window.parent.parent.document); 类似的，取其它窗口的方法大同小异 $(selector, window.top.document); $(selector, window.opener.document); $(selector, window.top.frames[0].document); ...
html 子页面回传数据父页面
06-01
2. 在子页面中调用父页面的函数，并将数据作为参数传入。 ``` //获取父页面的window对象 var parentWindow = window.parent; //调用父页面的函数，并将数据作为参数传入 parentWindow.receiveData(data); ``` 在...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值