`

iframe自适应 ie8 ie7 火狐都适合

 
阅读更多

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, a, b) {
                o.attachEvent ? o.attachEvent('on' + a, function() {
                    b.call(o)
                }) : o.addEventListener(a, b, false)
            },
            //iframe 跟其中内嵌页面高度重设iframe高度
            init: function() {
               var k = parent.document.getElementById('bodycontent');
                k.style.height = 20+'px';
                var o = admin.size();
       
                //这个ID是它上面包含它那个iframe的  ID
               
                if (!k) 
                {
                    return;
                }
                    //alert(o[1]);
                k.style.height = o[1] + 'px';
            }
        }
        //为 window 对像增加一个方法(iframe高度重新计算)
        admin.addEvent(window, 'load', admin.init);

 

 

使用时,只需要加载此文件即可。

分享到:
评论

相关推荐

    iframe自适应高度,亲测完美兼容IE6-9,Chrome,Opera,firefox,safari

    因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那...iframe自适应高度,亲测完美兼容IE6_7_8_9,Chrome谷歌浏览器,Opera欧朋浏览器,FireFox火狐浏览器,Mac Safari浏览器等五大浏览器

    iframe自适应高度和宽度

    ### iframe自适应高度和宽度详解 在Web开发中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...

    iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)

    "iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...

    iframe自适应高度(兼容多种浏览器)

    ### iframe自适应高度(兼容多种浏览器) 在网页开发过程中,`iframe`是一种常用的元素,用于在当前页面中嵌入另一个HTML文档。然而,默认情况下,`iframe`的高度是固定的,这可能会导致内容显示不完全或者出现不必要...

    Iframe高度自适应(兼容IE/Firefox、同域/跨域)

    "Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...

    iframe自适应高度兼容各主流浏览器

    例如,IE浏览器需要特殊处理其边框和滚动条的高度,而Firefox浏览器需要对其高度进行特殊计算。 知识点4:JavaScript的事件处理 在实现iFrame的高度自适应时,需要使用JavaScript的事件处理来监听iFrame的加载事件...

    iframe自动适应高度(完美自适应高度嵌套代码),兼容目前主流浏览器。

    标题提到的“iframe自动适应高度(完美自适应高度嵌套代码)”提供了一个解决方案,它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度,包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...

    解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题

    ### 解决IE、Firefox、Chrome、Safari浏览器中iframe显示高度自适应问题 在Web开发中,`iframe`(Inline Frame)元素常被用于嵌入另一个HTML文档到当前页面中,这种技术为开发者提供了极大的便利,例如加载广告、...

    iframe自适应高度说明文档

    接下来,根据不同的浏览器类型(如Firefox或IE),获取`iframe`内部页面的实际高度,并设置`iframe`的高度为该值。 ##### 方法二:利用`onload`事件 在`iframe`标签中添加`onload`属性,调用上述的`SetWinHeight`...

    基于jquery的兼容各种浏览器的iframe自适应高度的脚本

    实现iframe自适应高度时,必须考虑到不同浏览器之间的差异,包括但不限于IE、Chrome、Firefox、Safari等。这是因为不同的浏览器可能对iframe及其内容的渲染方式有所不同,从而可能影响到自适应高度的效果。因此,在...

    Iframe 高度自适应,js控制Iframe 高度自适应.docx

    在 iframe 高度自适应中,需要考虑多种浏览器的兼容性问题,包括 Firefox、IE、Opera 等不同的浏览器。因此,需要使用不同的方法来实现 iframe 高度的自适应。 方法一:使用 JavaScript 控制 iframe 高度自适应 ...

    iframe自适应内容页面的高度

    - 上述JavaScript代码适用于大多数现代浏览器,包括Chrome、Firefox、Safari、Edge和IE9+。对于IE8及更早版本,可能需要使用特定的解决方案,如`jQuery`的`$.get()`方法或者`onreadystatechange`事件来获取`iframe`...

    让iframe自适应高度(支持xhtml)IE firefox兼容

    让iframe自适应高度(支持xhtml)IE firefox兼容 让iframe自适应高度是指在HTML文档中,使iframe的高度能够根据其内容自动调整,以适应不同浏览器和屏幕分辨率的需求。在本文中,我们将讨论如何使用JavaScript和...

    Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

    这段代码首先获取id为"iframeid"的iframe元素,然后检查浏览器是否支持getElementById方法(这主要是为了兼容早期的IE浏览器)。如果支持,它将尝试获取iframe的内容文档,并计算其中body元素的offsetHeight或...

    iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过

    在本问题中,我们关注的是如何使`iframe`自适应其内容的宽度和高度,并确保在不同浏览器,如IE6、IE7、IE8以及Firefox 3.86下正常工作。 首先,代码中定义了一个变量`temp_iframe`,用于存储创建的`iframe`元素。...

    Iframe自适应高度兼容ie,firefox多浏览器

    本文讲解的是关于Iframe元素在网页中如何实现自适应高度,并确保在不同的浏览器环境下能够正常工作,特别是针对Internet Explorer(IE)和Firefox浏览器的兼容性问题。接下来将详细探讨实现Iframe自适应高度的方法...

    iframe高度自适应,多浏览器兼容

    3. **Firefox**:Firefox通常能较好地处理`iframe`,但在某些情况下可能需要处理异步加载的内容,这时可以使用`MutationObserver`来监听`iframe`内容的变化。 4. **Chrome/Safari**:现代浏览器一般都能很好地支持`...

Global site tag (gtag.js) - Google Analytics