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

前端之家收集整理的这篇文章主要介绍了嵌入式iframe子页面与父页面js通信的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

页面 parent.html:

代码如下:
调用child.html中的函数say()" onclick="callChild()">