JS修改iframe父窗口中的数据

JavaScript / 2022年4月22日 / hamster

纯JS代码

var frame = window.parent.document.getElementById("iframe").innerHTML;

用jQuery则方便的多

var frame = $("#frame", window.parent.document).html();

如果是取父窗口的父窗口的数据

var frame = $("#frame", window.parent.parent.document).html();

如果是取最上层的父窗口数据

var frame = $("#frame", window.top.document).html();

如果是取新打开窗口的数据

//并非是提取iframe子窗口内的数据，而是弹出框内的数据
var frame = $("#frame", window.opener.document).html();

如何准确的提取iframe子窗口的数据，暂时没有找到方案。

网上查找了不少资料，提取办法大同小异，但一番测试后发现，提取iframe子窗口的数据时常会返回空，这可能与子页面未加载完毕便提取子页面数据有关。

最终找到解决办法

window.onload = function(){
    function son(){
        var name = $("#iframess").contents().find(".panel-heading").html();
    }

    son();
}

Jquery