Mrcdh技术博客 Mrcdh技术博客
首页
  • Html5
  • Javascript
  • Nodejs
  • electron
  • Android
  • 微信公众号
  • 框架
  • 其他
  • Mysql
  • PHP
  • Python
  • java
  • Gulp
  • 其它
  • 网站
  • 资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Mrcdh

全栈开发小学生
首页
  • Html5
  • Javascript
  • Nodejs
  • electron
  • Android
  • 微信公众号
  • 框架
  • 其他
  • Mysql
  • PHP
  • Python
  • java
  • Gulp
  • 其它
  • 网站
  • 资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • Html5

    • 使用频繁的网页元信息
    • input file 上传文件指定文件类型
    • Less和Scss语法对比
    • HTTP常见响应码
    • iframe常用操作
      • 使用postMessage实现跨源通信
    • h5操作媒体设备(音频和视频)
    • canvas的基本使用
    • 手机网页自适应
    • 常用CSS
    • CSS布局-多列布局
    • scss使用常见问题
  • JavaScript

  • Nodejs

  • express

  • electron

  • Android

  • 微信公众号

  • 框架

  • 其他

  • selenium

  • Sequelize

  • 大前端
  • Html5
mrcdh
2022-07-19
目录

iframe常用操作

# 使用postMessage实现跨源通信

发送消息

// 参数一,消息内容
// 参数二,源地址
window.postMessage('消息', 'https://mrcdh.cn') // parent.postMessage
1
2
3

监听消息

// iframe.contentWindow
window.addEventListener('message', function(event){
    // 为了安全,收到信息后要检测下event.origin判断是否要收信息的窗口发过来的。
    if (event.origin !== 'https://mrcdh.cn') return;
    // 处理
})
1
2
3
4
5
6
#html
上次更新: 2023/09/22, 16:54:32
HTTP常见响应码
h5操作媒体设备(音频和视频)

← HTTP常见响应码 h5操作媒体设备(音频和视频)→

最近更新
01
uniapp常见问题
03-19
02
Vue3项目搭建
12-25
03
使用pnpm的monorepo组织项目
11-01
更多文章>
Theme by Vdoing | Copyright © 2020-2025 Mrcdh | 苏ICP备2020058908号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×