父窗體計算Iframe內部模塊的高度，付給Iframe

doodlewind 發布于2019-08-21 16:51 / 853人閱讀

function setIframeHeight(id){
    try{
        var iframe = document.getElementById(id);
        if(iframe.attachEvent){
            iframe.attachEvent("onload", function(){
                iframe.height =  iframe.contentWindow.document.documentElement.scrollHeight;
            });
            return;
        }else{
            iframe.onload = function(){
                iframe.height = iframe.contentDocument.body.scrollHeight;
            };
            return;
        }
    }catch(e){
        throw new Error("setIframeHeight Error");
    }
}

GPU云服務器云服務器 iframe父元素 iframe高度 iframe高度自適應 iframe自適應高度

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88812.html

附實例！實現iframe父窗體與子窗體的通信

摘要：小結小結本文主要是介紹了一個方案及其使用方法，來解決父窗體與子窗體的通信問題。同時提供了一個完整的實例，可以實現子窗體向父窗體傳遞消息，父窗體通過監聽消息事件，來獲取子窗體消息的目的。歡迎大家前往騰訊云+社區，獲取更多騰訊海量技術實踐干貨哦~ 本文由前端林子發表于云+社區專欄本文主要會介紹如何基于MessengerJS，實現iframe父窗體與子窗體間的通信，傳遞數據信息。同時本文會提...

xiaochao 2019-04-23 13:11 評論0 收藏0
作為window對象屬性的元素多窗口和窗體

摘要：作為對象屬性的文檔元素如果文檔中用屬性為元素命名。其就是交互窗口中的每個窗口窗體都是的執行上下文。以對象作為全局對象，這樣的話，一個窗口窗體中的代碼可以應用到其他窗口或者窗體并且同源策略沒有進行阻止。作為window對象屬性的文檔元素如果html文檔中用id屬性為元素命名。并且如果 window對象沒有此名字的屬性，則window對象會賦予一個屬性，其名字為id屬性的值，其值指向該...

fredshare 2019-08-23 10:41 評論0 收藏0
js中幾種跨域的方法

摘要：四通過跨域一個頁面嵌入一個外域的頁面雖然兩個窗體之前能獲取彼此的對象，但是卻拿不到上的屬性和方法，例如一個頁面嵌入一個的我是父窗體的方法嵌入的窗體跟的域名不同，很明顯是跨域的，雖然能獲取到對象，但是拿不到頁面的任何方法和屬性。 js跨域是指通過js在不同域之間進行相互通信或者數據傳輸，只要協議，域名，端口號其中有一個不同，就是跨域。下面總結一下我了解到的常用的跨域方法。一：通過jso...

XboxYan 2019-08-21 11:49 評論0 收藏0
真正解決iframe高度自適應問題

摘要：歡迎指出問題或留言加深本文的深度，例如已經不需要聲明，但是我解決這個問題不得不改一下，退化到，為什么在中子頁面和的高度不是由內部的內容決定的，而是等于父元素的高度 1.前言解決iframe高度自適應問題有兩種方法1.pym2.手動設置iframe的高度本文主要是總結第二種實現方式，因為第一種pym.js插件我沒用懂如果使用iframe時，遇到以下的需求： iframe的高度始...

leone 2019-08-22 16:43 評論0 收藏0
真正解決iframe高度自適應問題

摘要：歡迎指出問題或留言加深本文的深度，例如已經不需要聲明，但是我解決這個問題不得不改一下，退化到，為什么在中子頁面和的高度不是由內部的內容決定的，而是等于父元素的高度 1.前言解決iframe高度自適應問題有兩種方法1.pym2.手動設置iframe的高度本文主要是總結第二種實現方式，因為第一種pym.js插件我沒用懂如果使用iframe時，遇到以下的需求： iframe的高度始...

littleGrow 2019-08-02 10:16 評論0 收藏0