父子页面调用和传值的问题(window.open,iframe)

解决的场景:
当前系统点击列表,打开了新窗口详情页(window.open),然后在新窗口详情页进行状态更改操作成功之后,点击原标签页,希望原标签页自动刷新列表更新状态

当然了,父标签页调用子标签页的话
1.父标签const  variable= window.open(url);  variable.func();
2.子标签 window.func() = func();

iframe也是同理,
1 在子窗口中调用父窗口的函数 
window.parent.parentFunction();
2在父窗口中调用子窗口的函数(使用 window.frames) window.frames['frameName'].childFunction();
 // 在父窗口中调用子窗口的函数 document.getElementById('frameId').contentWindow.childFunction();
3. 通过 postMessage 进行跨窗口通信
// 发送消息给子窗口 var childWindow = document.getElementById('myIframe').contentWindow; childWindow.postMessage('Hello from parent!', 'https://www.example.com');
// 监听来自父窗口的消息 window.addEventListener('message', function(event) { if (event.origin === 'https://www.example.com') { console.log('Message received in child window: ' + event.data); } });

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/586707.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

想要成为一名合格的软件测试工程师,你得会些啥?

对于很多新入行或者打算入行,成为软件测试工程师的小伙伴来说,刚开始接触这行,不知道自己究竟该学些什么,或者不知道必须掌握哪些知识,才能成为一名合格的测试工程师。 根据笔者观点,如果你能在学习过程中…

SSM框架学习——MyBatis关联映射

MyBatis关联映射 为什么要关联映射 实际开发中,对数据库操作常常会涉及多张表,所以在OOP中就涉及对象与对象的关联关系。针对多表操作,MyBatis提供关联映射。 关联关系概述 一对一:A类中定义B类的属性b,B类中定义A…

嵌入式硬件中常见的面试问题与实现

1 01 请列举您知道的电阻、电容、电感品牌(最好包括国内、国外品牌) ▶电阻 美国:AVX、VISHAY威世 日本:KOA兴亚、Kyocera京瓷、muRata村田、Panasonic松下、ROHM罗姆、susumu、TDK 台湾:LIZ丽智、PHYCOM飞元、RALEC旺诠、ROYALOHM厚生、SUPEROHM美隆、TA-I大毅、TMT…

【讲解下Gitea】

🌈个人主页:程序员不想敲代码啊 🏆CSDN优质创作者,CSDN实力新星,CSDN博客专家 👍点赞⭐评论⭐收藏 🤝希望本文对您有所裨益,如有不足之处,欢迎在评论区提出指正,让我们共…

vulhub打靶记录——driftingbox

文章目录 主机发现端口扫描目录扫描爆破子域名提权总结 主机发现 使用nmap扫描局域网内存活的主机,命令如下: nmap -sP 192.168.56.0/24192.168.56.1:主机IP;192.168.56.100:DHCP服务器IP;192.168.56.101…

c++的学习之路:7、类和对象(3)

一、初始化列表 初始化列表:以一个冒号开始,接着是一个以逗号分隔的数据成员列表,每个"成员变量"后面跟一个放在括号中的初始值或表达式,如下方代码就是初始化列表的方式。从图片可以看出这种方式也可以利用缺省初始化…

《数据结构学习笔记---第九篇》---循环队列的实现

文章目录 1.循环队列的定义 2.循环队列的判空判满 3.创建队列并初始化 4.入队和出队 5. 返回队尾队首元素 6.释放循环队列 1.循环队列的定义 定义:存储队列元素的表从逻辑上被视为一个环。 我们此次实现的循环队列,采用顺序表 typedef struct {int…

Python异常处理:基础到进阶的实用指南

前言 大家好,我是海鸽。异常处理在工程文件中必不可少,今天就带大家彻底搞定python的异常处理。 什么是异常 在Python中,异常是指在程序执行过程中出现的错误或异常情况。 当Python解释器无法执行代码时,它会引发异常&#xff0…

2024年鸿蒙迎来大爆发,有必要转行鸿蒙开发吗?

学鸿蒙开发有前途吗?学鸿蒙为时尚早? 一年前看到这个问题“现在学鸿蒙开发有前途吗?或者说找得到工作吗?” 得到的回答是这样子的: 这话只对了一半。 随着华为925秋季全场景新品发布会上余承东突然宣布:…

scratch买蛋糕 2024年3月中国电子学会图形化编程 少儿编程 scratch编程等级考试一级真题和答案解析

目录 scratch买蛋糕 一、题目要求 1、准备工作 2、功能实现 二、案例分析 1、角色分析 2、背景分析 3、前期准备 三、解题思路 1、思路分析 2、详细过程 四、程序编写 五、考点分析 六、 推荐资料 1、入门基础 2、蓝桥杯比赛 3、考级资料 4、视频课程 5、py…

C++tuple类型

tuple 类型 tuple是类似pair的模板。 每个pair的成员类型都不相同,但每个pair都恰好有两个成员。不同tuple类型的成员类型也不相同,但一个tuple可以有任意数量的成员。 每个确定的tuple类型的成员数目是固定的,但一个tuple类型的成员数目可…

Redis 的慢日志

Redis 的慢日志 Redis 的慢日志(Slow Log)是用于记录执行时间超过预设阈值的命令请求的系统。慢日志可以帮助运维人员和开发人员识别潜在的性能瓶颈,定位那些可能导致 Redis 性能下降或响应延迟的慢查询。以下是 Redis 慢日志的相关细节&…