父窗体计算Iframe内部模块的高度，付给Iframe

doodlewind 发布于2019-08-21 16:51 / 805人阅读

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自适应高度

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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