美文网首页
JavaScript动态创建iframe,可以指定加载成功和超时

JavaScript动态创建iframe,可以指定加载成功和超时

作者: sphsyv | 来源:发表于2016-11-29 14:42 被阅读1050次
    function createIframe(id,url,width,height,onLoadCallback,timeOut,timeOutCallback){
        var timeOutVar = setTimeout(function(){
            clearTimeout(timeOutVar);
            timeOutCallback.apply(this, arguments);
            return ;
        }, timeOut);
        var iframe = document.createElement("iframe");
        iframe.id=id;
        iframe.width=width;
        iframe.height=height;
        iframe.src=url;
        if (iframe.attachEvent){
            iframe.attachEvent("onload", function(){
                    clearTimeout(timeOutVar);
                onLoadCallback.apply(this, arguments);
            });
        } else {
            iframe.onload = function(){
                    clearTimeout(timeOutVar);
                onLoadCallback.apply(this, arguments);
            };
        }
        document.body.appendChild(iframe);
        return iframe;
    }
    

    相关文章

      网友评论

          本文标题:JavaScript动态创建iframe,可以指定加载成功和超时

          本文链接:https://www.haomeiwen.com/subject/fogapttx.html