实习不久接到一个任务，在网页中嵌套另一个工程的网页。本以为这是轻而易举的一件事情，结果被测试姐姐折腾得够呛。多次和我谈心说到这个高度固定导致iframe出现滚动条有多么不好看，对于工程整体的影响有多么恶劣。因为跨域的原因，这个需求被拖了许久，真是很痛苦的一件事。最终在我离开公司之前搞定 ...

iframe嵌套子页面 现在的高度是整个屏幕的高度，如果子页面高度大于屏幕高度，内容无法显示，并且没有滚动条，要有滚动条必须给iframe赋值一个确定的高度。但是又由于他是跨域子页面，所以没办法获得子页面的高度，所以可以使用postMessage方法，子页面获取高度传值给父页面 ...

场景： 一般页面的登录页面为了安全都是单独的页面，所以别的页面登录的时候往往要嵌套登录页面进行登录，有时候域名和登录页面的域名不一样就会跨域，子父页面不能进行传递信息。 解决办法： 父页面： 子页面： ...

window.postMessage()方法可以安全地实现Window对象之间的跨域通信。例如，在页面和嵌入其中的iframe之间。 不同页面上的脚本允许彼此访问，当且仅当它们源自的页面共享相同的协议，端口号和主机（也称为“同源策略”）。window.postMessage()提供 ...

目录 #跨域发送信息 #window.postMessage()语法 #跨域接收信息 #示例Demo 在非跨域的情况下，iframe中的子父页面可以很方便的通讯，但是在跨域的情况下，只能通过window.postMessage ...

跨域方法： 第一步，在主页面里插入代码：//假设主域名是www.aaa.com 需要插入的跨域域名为www.bbb.com <iframe src="http://www.bbb.com/index.html" width="100%" height="100%" id ...

<template> <div class="act-form"> <iframe :src="src" ref="iframe" frameborder="no" align ...

1、获取子页面iframe的点击事件 　　1.1、获取iframe 　　　　var frame = document.getElementById('addrClick2'); 　　1.2、获取点击事件 ...