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

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容