iframe父子页面跨域调用

子页面传递参数,父页面接收
子页面传输

window.parent.postMessage("参数","*");(可以是*号,也可以是父页面的链接"http://127.0.0.1:8888/aaaa/bbb.html")

父页面接收

window.addEventListener('message', function (e) {
		console.log(e.data)  //e.data为传递过来的数据
		console.log(e.origin)  //e.origin为调用 postMessage 时消息发送方窗口的 origin（域名、协议和端口）
		console.log(e.source)  //e.source为对发送消息的窗口对象的引用，可以使用此来在具有不同origin的两个窗口之间建立双向通信
})

父页面传递参数,子页面接收
父页面传输

window.iframe[0].postMessage("参数","*");

子页面接收

window.addEventListener('message', function (e) {
		console.log(e.data)  //e.data为传递过来的数据
		console.log(e.origin)  //e.origin为调用 postMessage 时消息发送方窗口的 origin（域名、协议和端口）
		console.log(e.source)  //e.source为对发送消息的窗口对象的引用，可以使用此来在具有不同origin的两个窗口之间建立双向通信
})