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

来源：互联网发布：淘宝热点在线生成编辑：程序博客网时间：2024/05/22 09:03

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

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/

0 0