怎样向父页面script传递变量

Posted 2023-04-04

如果你是要执行父窗口的函数，
比如：父窗口有一个函数：test
parent.test();//即可执行，且有参数时一样可以传入参数执行

如果你是要修改父窗口的一个变量的值
比如：父窗口有一个全局变量：_global
parent._global=\'我被子页面修改了值\';//则在父窗口应用到此变量的值被修改 参考技术A 不是很清楚你的要求？

iframe向父级传递参数（用postMessage来解决跨域）

父页面

<iframe src="http://localhost:8080/index.html" id="vrId"></iframe>

父页面接收子页面的参数

mounted(){
  window.addEventListener(\'message\', function(e){
        console.log(e.data)
    })  
}

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 iframe页面

created(){
  top.postMessage(需要传递给父页面的参数)  
}

注意：如果使用window.postMessage()  可能会出现   Failed to execute \'postMessage\' on \'DOMWindow\'     报错
其实 top就是指向iframe最顶层的窗口，建议是用  top.postMessage()即可