iframe之间的通信

这篇具有很好参考价值的文章主要介绍了iframe之间的通信。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

iframe标签可以实现html主页面嵌套html子页面,那么父子页面间的传值是怎么进行的呢?
① 父页面监听iframe消息:

window.addEventListener('message', receiveMessageIframePage, false);

② 父页面发送给iframe页面的消息:

iframe.contentWindow.postMessage({ type: 'boundFileKeys', data: "消息内容体" }, '*');

③ iframe页面监听父页面发过来的消息:

window.addEventListener('message', onMessage, false); 

④ iframe页面给父页面发送消息:文章来源地址https://www.toymoban.com/news/detail-515417.html

window.parent.postMessage({ type: 'check',  data: ["自定义需要发送的数据"] }, '*')

到了这里,关于iframe之间的通信的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Django:六、使用iframe标签内嵌页面报错;拒绝了我们的连接请求;because it set ‘X-Frame-Options‘ to ‘deny‘.

    使用标签内嵌页面时报错: 127.0.0.1 拒绝了我们的连接请求。 查看错误代码,发现: Refused to display \\\'http://127.0.0.1:8000/\\\' in a frame because it set \\\'X-Frame-Options\\\' to \\\'deny\\\'. 由于x-frame-options设置了deny属性,导致了iframe失效,x-frame-options响应头是用来给浏览器设置允许一个页面可否在fra

    2024年02月03日
    浏览(35)
  • 【干货| 如何实现VLAN间的通信】

    🐸 一、VLAN间通信 实际网络部署中一般会将不同IP地址段划分到不同的VLAN 同VLAN且同网段的PC之间可直接进行通信,无需借助三层转发设备,该通信方式被称为二层通信 VLAN之前需要通过三层通信实现互访,三层通信需借助三层设备 🐸 一、使用路由器物理接口 缺点: a、路由

    2024年02月01日
    浏览(29)
  • ENSP:三个路由器两台主机,要求两台主机之间可以通信

    首先配置两台主机的IP PC1 PC2 重命名三台路由设备并配置端口IP: R1 R2 R3 下面进行配置关键步骤,路由之间的连通 ps:设置路由之间的联通命令是 ip route-static 目标网段 子网掩码 下一跳IP 在此处需要注意的是主机与自己的路由之间是不用管的,默认设置好网关后就是通的,而不

    2024年02月12日
    浏览(72)
  • 浏览器不同源的页面之间如何跨域通信

    现在有2个项目,页面路径不同源。 ToC 的收银台项目 类似在PC端京东淘宝,支付最后一步的收银台页面,可以选择不同支付工具付款。 ToB 的后台管理项目 可以对收银台项目整体做一些配置:样式,支付工具相关的等等,配置项很多。 需求 想要在后台管理项目中增删配置项

    2024年02月14日
    浏览(27)
  • 如何实现小程序与h5页面间的跳转

    接到新需求,要在小程序页面内点击按钮实现跳转h5,一开始没接触过,还挺头疼的,但真正做起来,也就那么一回事啦,废话少说,直接上 1. 配置域名 先登录小程序开发平台,将页面需要跳转的域名写上去,注意了,域名不是指服务器的域名,而是服务器下面的 业务域名

    2024年02月09日
    浏览(29)
  • 同源跨窗口通信:网易云音乐不同标签页打开同一页面,暂停原先标签页音频播放

    原文见:语雀 有个声音很好听的小帅哥问我说,如果当前浏览器打开一个标签页,页面播放着音乐,然后相同的链接又在另外一个页面打开,该如何将之前的页面音频停止播放。 有小帅哥问问题,我当然要回答啦(其实是我不得不答)🤣 我一想,这是跨窗口通信,用postM

    2023年04月08日
    浏览(28)
  • 实现安全的服务通信:探索如何使用服务网格来确保服务间的安全通信

    🌷🍁 博主猫头虎 带您 Go to New World.✨🍁 🦄 博客首页——猫头虎的博客🎐 🐳《面试题大全专栏》 文章图文并茂🦕生动形象🦖简单易学!欢迎大家来踩踩~🌺 🌊 《IDEA开发秘籍专栏》学会IDEA常用操作,工作效率翻倍~💐 🌊 《100天精通Golang(基础入门篇)》学会Golang语言

    2024年02月07日
    浏览(31)
  • 使用消息中间件实现系统间的异步通信和解耦

    ​​​​​​​ 目录 引言 一. 选择合适的消息中间件 二. 定义消息格式和通信协议 1. 定义消息格式 消息头 消息体 2. 定义通信协议 发送消息 接收消息 消息处理 3. 示例代码 定义消息格式 发送消息 接收消息 三、发布-订阅模式 1. 定义发布-订阅模式 2. 示例代码 发布消息 订

    2024年02月19日
    浏览(38)
  • 用java套接字socket实现两台电脑间的通信

    实现效果: 一方发送简单的文字消息 发送、接收复杂的图片、音频、文档等 相互之间实现自由通信 java对网络编程的支持 前提条件:两台电脑在一个局域网内,比如连接了同一个路由器 将一台电脑作为服务端,一台作为客户端 实现中遇到的问题: ip地址连接不上 发送的消

    2023年04月17日
    浏览(33)
  • 【计算机网络】思科实验(3):使用三层交换机实现跨VLAN间的通信

    【计算机网络】思科实验(1):交换机的VLAN划分 【计算机网络】思科实验(2):交换机间的VLAN通信 【计算机网络】思科实验(3):使用三层交换机实现跨VLAN间的通信 【计算机网络】思科实验(4):综合实验作业之办公室的跨VLAN通信 【计算机网络】思科实验(5):单臂路由跨VLAN通信

    2024年02月03日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包