前提:
父子页面跨域通信,使用postMessage技术
a页面为父页面,b页面为子页面
a中包含多个iframe,部分域名是相同的,目录层级不一致,地址使用变量根据触发的条件不同拼接地址
部分代码(使用vue):a页面
<iframe src="www.baidu.com/1/2/3.html"></iframe>
<iframe src="www.baidu.com/4/5.html"></iframe>
考虑地址部分重复用变量来封装下,页面代码写成了如下
<iframe :src="`www.baicu.com/${address}`"></iframe>
 
问题:
iframe如果地址不确定,无法调取window.addEventListener('message', function(){})
中的message事件。
(排错的过程不赘述,每个人的方法不同,但这是最重要的能力,你可以技术能力一般点,但一定要有快速定位问题的能力,扯远了回来)
 
解决:

乖乖的写两个地址,这样用v-show(v-if)去隐藏另一个iframe

最新文章

  1. jquery版楼层滚动特效
  2. Android pop3与imap方式接收邮件(javamail)
  3. NEFU 1112 粉刷栅栏算法
  4. memcpy函数
  5. C++之路进阶——codevs1285(宠物收养所)
  6. C#学习笔记(3)
  7. Android DropBoxManager Service
  8. c#0银行存款计算器
  9. iOS 证书那些事
  10. Java EE (9) -- JDBC &amp; JTA
  11. Lua: 给 Redis 用户的入门指导
  12. kettle 的表输出 table output
  13. Html5知识点
  14. sql server的sysobjects表中xtype字段值的含义
  15. spark核心优化详解
  16. Linux常用命令全称
  17. Selenium IDE使用
  18. JAVA与DOM解析器基础 学习笔记
  19. PAT甲题题解-1048. Find Coins (25)-水
  20. [CodeForces - 678F] Lena and Queries 线段树维护凸包

热门文章

  1. String相关练习
  2. 网络基础 09_STP生成树协议
  3. 对 ArrayList 进行分页.
  4. AngularJs双向绑定详解
  5. XXX is not in the sudoers file. This incident will be reported 的问题解决方案
  6. MyBatis异常总结
  7. javascript中的function 函数名(){} 和 函数名:function(){}有什么不同
  8. 通过面试题,让我们来了解Collection
  9. Struts2 数据驱动
  10. Linux笔记-Makefile伪指令解析