美文网首页
jquery操作Iframe

jquery操作Iframe

作者: 前端大鹏 | 来源:发表于2017-08-08 16:26 被阅读0次

    父页面操作子页面


    $("#iframe").load(function(){

    var iframH = $(this).contents().find("html").outerHeight(true);

    $(this).css("height", iframH+"px");

    console.log(iframH);

    });

    子页面操作父页面


    获取的简易写法

    $("子集", "父级");

    iframe里面内容操作父级

    $(".header_title", window.parent.document).text();

    等价于

    $(window.parent.document).find(".header_title").text();

    动态刷新Iframe


    原生js写法:

    document.getElementById('FrameID').contentWindow.location.reload(true);

    jquery写法:

    $('#iframe').attr('src',$('#iframe').attr('src'));

    相关文章

      网友评论

          本文标题:jquery操作Iframe

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