JS判断页面所有Iframe是否全部请求完成加载完成

自己发了个帖,自己解决了。

http://bbs.csdn.net/topics/391059575

情景:在自动测试中,要等待页面完全加载后才能进行下一步操作,判断页面加载完成了,只能说明页面已经请求完成到本地的内容,如果判断的时候还有内容因为网速等原因没有请求到本地。



 function GetFrameState(frm) {
            var framedoc = frm.document || frm.contentWindow.document;
            var ret = false;
            console.log(framedoc.readyState);
            if (framedoc.readyState == 'complete') {
                ret = true;
                var frms = frm.frames;
                if (frms && frms.length > 0) {
                    for (var i = 1; i < frms.length; i++) {
                        if (frms[i].document.URL == 'about:blank')         //current iframe request unfinished.
                            return false;
                        console.log(frms[i].document.URL);
                        if (frms[i].attachEvent) {                         //document is loading for IE .
                            frms[i].attachEvent("onload", function () {
                                return false;
                            });
                        }
                        else {                                             //document is loading for other browsers .
                            frms[i].onload = function () {
                                return false;
                            };
                        }
                    }
                }
            }
            return ret;
        }

        GetFrameState(window.top);



这里处理的方法是:

到得所有Iframe,然后获取Iframe的URL,判断是否为空,为空的话说明还在等待服务器响应,这样处理的方法还是有点误差,不过测试发现影响还不是很大,所以就用这方法了。如有更好的方法请赐教。

后面判断Iframe加载是否完成是参考网上的资料:

一般来说,我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似:

var iframe = document.createElement("iframe");
iframe.src = "http://www.planabc.net";

if (!/*@cc_on!@*/0) { //if not IE
    iframe.onload = function(){
        alert("Local iframe is now loaded.");
    };
} else {
    iframe.onreadystatechange = function(){
        if (iframe.readyState == "complete"){
            alert("Local iframe is now loaded.");
        }
    };
}

document.body.appendChild(iframe);

最近, Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的评论中 Christopher 提供了一个新的判断方法(很完美):

var iframe = document.createElement("iframe");
iframe.src = "http://www.planabc.net";

if (iframe.attachEvent){
    iframe.attachEvent("onload", function(){
        alert("Local iframe is now loaded.");
    });
} else {
    iframe.onload = function(){
        alert("Local iframe is now loaded.");
    };
}

document.body.appendChild(iframe);

链接:http://www.planabc.net/2009/09/22/iframe_onload/

你可能感兴趣的:(JavaScript)