如何让iframe网页自适应高度?

如何让iframe网页自适应高度?,第1张

概述网(LieHuo.Net)教程 做后台管理时候,经常用到在ifame里嵌入一个页面,但iframe高度不能随页面高度增加而增高.所以得借助JS解决. 在iframe内页里面欠入此段JS即可. 以下为引用的内容: ////后台辅助var admin = { /…

  内存溢出 jb51.cc 做后台管理时候,经常用到在ifame里嵌入一个页面,但iframe高度不能随页面高度增加而增高.所以得借助Js解决. 在iframe内页里面欠入此段Js即可.

以下为引用的内容:
    ////后台辅助
var admin = {
    //计算页面最大宽高值
    size: function() {
        var a,yc;
        var b,wh,pw,ph;
        a = window.innerHeight && window.scrollMaxY ? document.body.scrollWIDth : document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollWIDth : document.body.offsetWIDth;
        yc = window.innerHeight && window.scrollMaxY ? (window.innerHeight + window.scrollMaxY) : document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight;
        b = self.innerHeight ? self.innerWIDth : document.documentElement && document.documentElement.clIEntHeight ? document.documentElement.clIEntWIDth : document.body.clIEntWIDth;
        wh = self.innerHeight ? self.innerHeight : document.documentElement && document.documentElement.clIEntHeight ? document.documentElement.clIEntHeight : document.body.clIEntHeight;
        ph = yc < wh ? wh : yc;
        pw = a < b ? b : a;
        return new Array(pw,ph,a,yc)
    },
    //增加监听事件
    addEvent: function(o,b) {
        o.attachEvent ? o.attachEvent('on' + a,function() {
            b.call(o)
        }) : o.addEventListener(a,b,false)
    },
    //iframe 跟其中内嵌页面高度重设iframe高度
    init: function() {
        var o = admin.size();

        //这个ID是它上面包含它那个iframe的  ID
        var k = parent.document.getElementByID('mainframe');
        if (!k) return;
        k.style.height = o[1] + 'px';
    }
}
//为 window 对像增加一个方法(iframe高度重新计算)
admin.addEvent(window,'load',admin.init);

  最后看一下演示:


提示:可修改后代码再运行!


总结

以上是内存溢出为你收集整理的如何让iframe网页自适应高度?全部内容,希望文章能够帮你解决如何让iframe网页自适应高度?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/999370.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存