javascript firefox 自动加载iframe 自动调整高宽 v20130825

最新推荐文章于 2021-06-03 18:44:35 发布

原创最新推荐文章于 2021-06-03 18:44:35 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

Javasript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现iframe自适应加载的方法。通过监听iframe的onload事件来动态调整iframe的高度和宽度，确保其能够根据内容自动扩展。文章还探讨了不同浏览器下实现方式的区别，如Firefox和IE，并解决了函数调用时的常见问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iframe 自动获取onload高宽

function AutoResize(iframe)
{
    //firefox
    if(iframe.contentWindow)
    {
        iframe.height = iframe.contentWindow.document.documentElement.scrollHeight;
        iframe.width = iframe.contentWindow.document.documentElement.scrollWidth;

    }
    //IE
    else if(iframe.contentDocument) {

        iframe.height = iframe.contentDocument.width;
        iframe.width = iframe.contentDocument.height;
    }
}

iframe 自动加载：

    var tdObj = document.getElementById('ifrtd');
    tdObj.innerHTML = ' QQ动态加载中 ... ';

    var iframe = document.createElement("iframe");
    iframe.src = 'http://www.zbphp.com/';

    if (iframe.attachEvent){

        //iframe.attachEvent("onload",AutoResize.call(iframe)); #报错
        iframe.attachEvent("onload", function(){
            AutoResize(iframe);
        });
    } else {

        //iframe.onload = AutoResize.call(iframe);#报错不支持
        iframe.onload = function(){
            AutoResize(iframe);
        };
    }

    tdObj.innerHTML = '';
    tdObj.appendChild(iframe);

其实那个iframe.onload这里想写成iframe.onload = AutoResize.call(iframe);很遗憾，报错，不支持。

一直不知道javascript 如何进行函数调用。比如遇到 iframe.onload = function(){} 调用函数且有参数的时候，这样的情况只能这样写，而不能像其他程序那样直接传参。

以前看过有 apply() call()，但试过都是不支持的。为什么？