//window.parent 是 iframe 子页面获取父页面的 window 对象//后面的 * 号就是处理跨域问题的,任何域名都不会出现跨域问题window.parent.postMessage("需要传递的参数",'*')//也可以指定传送域名地址,这个域名不会出现跨域问题,写父页面(接收)域名地址window.parent.postMessage("需要传递的参数",'http://0.0....
<script>window.onload=function(){varc_h = $(".content").height();//获取内容区域高度window.parent.postMessage({height:c_h}, 'http://127.0.0.1'); // 可以指定域名 }</script> 父页面代码 <script>variframe = document.getElementById('iframe_id');variframe_cw =iframe.contentWindow; window...
比如,www1.example.com页面上面的脚本,只能与该域名(相同协议、相同端口)进行通信,如果与www2.example.com通信,浏览器就会报错(不过可以设置两者的document.domain为相同的值)。这是为了防止恶意脚本将用户信息发往第三方网站。 window.postMessage方法就是用来在某种程度上,绕过同域限制,实现不同域名的窗口(包括ifram...
<iframe id="iframeId" src="/pages/register/index.html" style="border: none" width="100%" height="550px"></iframe> window.addEventListener('message', (event) => { // 在这里处理从子页面接收到的消息 if (event.data.action === 'callParentMethod') { // 调用父页面的方法 this.parentMeth...
vue中iframe结合window.postMessage实现⽗⼦页⾯间的通信在⼀个项⽬的页⾯中使⽤iframe嵌⼊另⼀个项⽬的页⾯，需要实现⽗⼦，⼦⽗页⾯的通信 ⼀、语法 otherWindow.postMessage( message , targetOrigin )1. otherWindow 其他窗⼝的⼀个引⽤，⽐如iframe的contentWindow属性、执...
通过给iframe传消息，获取到父级窗口的window，拿iframe的window跟父级的frames里存的iframe的受限window进行判断，结果为true。一开始以为只要调用window.parent.postMessage('test'); 就能给父级传数据；第二个参数指定哪个窗口可以接受消息，不在指定范围内的，不会传播。所以猜测第二个参数不传的话，...
mounted(){window.addEventListener('message',this.handleMessage);this.iframeWin=this.$refs.iframe.contentWindow;}, 1. 2. 3. 4. 下面为完整代码 子页面代码: submit(){// 向父vue页面发送信息window.parent.postMessage({data:{code:"success",test:"我是子页面的test!"}},'*');} ...
</iframe> </template> <script> export default { data() { return { drawerLoading:false, uri:"http://10.54.49.149:80/iframe/itsm", }; }, created() { //给子窗口发送参数 this.postMessage() //接收子窗口传递的参数 this.getMessage(); ...
iframe = document.querySelector('iframe');if (iframe) {iframe.src = targetOrigin;}// 方案一function getToken() {// 发送消息给 iframe,让他通过 window.parent.postMessage 发送的消息返回tokeniframe.contentWindow.postMessage('getToken', targetOrigin)}// 监听 iframe 通过 window.parent.postMessage ...
mounted() {window.addEventListener('message',this.handleMessage);this.iframeWin=this.$refs.iframe.contentWindow; }, AI代码助手复制代码 下面为完整代码 子页面代码: submit() {// 向父vue页面发送信息window.parent.postMessage({data: {code:"success",test:"我是子页面的test!"} ...