iframe 嵌套页面怎么通信

iframe 嵌套页面怎么通信

html

 <iframe src="text.html" frameborder="0" name="ifrLink" id="ifrLink"></iframe>

js 调取子页面的方法

 document.getElementById("ifrLink").contentWindow.qureListClass();  //调取子页面的方法   qureListClass为子页面的方法
 $('#ifrLink').attr('src', "text.html");  //刷新子页面"text.html为子页面

js 调取父页面的方法

parent.modal();   //modal为父页面的一个方法，注意这个函数不要放到页面加载完成事件里面

亲测本地运行的时候火狐浏览器正常，但是使用谷歌浏览器会报错报跨域的问题，主要是因为是本地运行的，放到服务器上就没有这个问题了