js调用iframe父窗口与子窗口元素的方法2018-12-24

子页面获取父页面的id=care的子页面
parent.care.location.reload();
父页面获取id=imp的子页面
imp.location.reload();

1. jquery在iframe子页面获取父页面元素和方法代码如下:
   parent.$("selector");
   parent.method();

2. jquery在父页面获取iframe子页面的元素和方法
   代码如下:
   iframe.$("select");
   iframe.method();

3.js在iframe子页面获取父页面元素代码如下:
window.parent.document.getElementById("元素id");

4.js在父页面获取iframe子页面元素代码如下:
window.frames["iframe_ID"].document.getElementById("元素id");

方法调用
父页面调用子页面方法：FrameName.window.childMethod();
子页面调用父页面方法：parent.window.parentMethod();

DOM元素访问
获取到页面的window.document对象后，即可访问DOM元素

  //iframe高度
    function setIframeHeight(iframe) {
        if (iframe) {
            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
            if (iframeWin.document.body) {
                iframe.height = iframeWin.document.getElementById('frameContent').scrollHeight +20 || iframeWin.document.body.scrollHeight;
            }
        }
    };

    //iframe渲染完后再再计算高度
    var iframe= document.getElementById('menuFrame');
    iframe.onload = function () {
        setIframeHeight(iframe);
    };

转载来源：https://www.cnblogs.com/BlingSun/p/7484237.html