美文网首页
iframe父页面子页面相互调用方法

iframe父页面子页面相互调用方法

作者: yxing1993 | 来源:发表于2018-09-12 16:54 被阅读0次

    父页面寻找子页面元素:

           window.frames["iframeName"].document.getElementsByClassName('div')[0]

           $(document.getElementById("iframeId").contentWindow.document).find(".div")

           $( window.frames["iframeName"].document).find(".div")

           $("#iframeId").contents().find(".div")

           iframeName为iframe的name属性值

    父页面调用子页面方法:

           iframeName.window.chlidFunctionName()

    子页面寻找父页面元素:

           $(window.parent.document).find(".divParent")

           window.parent.document.getElementsByClassName("divParent")[0]

           $(". divParent",parent.document)

    子页面调用父页面方法:

           parent.parentFunctionName()

    相关文章

      网友评论

          本文标题:iframe父页面子页面相互调用方法

          本文链接:https://www.haomeiwen.com/subject/oyqbgftx.html