web前端：js实现iframe跨页面调用函数的方法

作者:QianTLL更新于： 2020-03-04 19:31:06

　　IFRAME是html标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。

　　本文实例讲述了js实现iframe跨页面调用函数的方法。分享给大家供大家参考。具体实现方法如下：

　　在项目中难免会遇到这样一个问题就是页面引入了IFrame并且需要父页面调用子页面函数或者子页面需要调用父页面函数。比如说：现在有两个页面parent.html和child.html。其中parent.html中含有IFrame并且IFrame指向child.html。现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法。

　　具体的代码实现如下：

　　parent.html父页面：

　　functionparent_click(){

　　alert("来自父页面");

　　}

　　window.frames["childPage"].child_click();'/>

　　child.html子页面：

　　functionchild_click(){

　　alert("调用的子页面函数");

　　}

　　提示:HTML与XHTML之间的差异:在HTML4.1StrictDTD和XHTML1.0StrictDTD中，不支持iframe元素。可以把需要的文本放置在之间，这样就可以应对无法理解iframe的浏览器。