当前位置:Gxlcms > JavaScript > 嵌入式iframe子页面与父页面js通信的方法_javascript技巧

嵌入式iframe子页面与父页面js通信的方法_javascript技巧

时间:2021-07-01 10:21:17 帮助过:6人阅读

本文实例讲述了嵌入式iframe子页面与父页面js通信的方法。分享给大家供大家参考。具体分析如下:

iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信。

一、同域下父子页面的通信

父页面 parent.html:

代码如下: