美文网首页
iframe子父页面找元素,调用方法总结

iframe子父页面找元素,调用方法总结

作者: 何大必 | 来源:发表于2018-08-29 20:05 被阅读0次

    时常因为 父页面与子页面的iframe找元素、调方法头疼,今日写一总结,方便日后使用。

    1、子==》父

    iframe子页面调用父页面js函数

    window.parent.a()//a()是父页面的方法
    

    子页面取父页面元素

    原生js写法

    window.parent.document.getElementById("ele")
    

    jquery写法

    $(window.parent.document).contents().find("#ele")
    

    2、父==》子

    iframe父页面调用 子页面js函数

    原生js写法

    document.getElementById('myfrmae').contentWindow.b();//b()是子页面方法
    

    jquery写法

    $('#myfrmae')[0].contentWindow.b();
    

    注:contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。

    相关文章

      网友评论

          本文标题:iframe子父页面找元素,调用方法总结

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