日期:2014-05-16  浏览次数:20375 次

js如何判断一个iframe加载完成后加载另外一个?
我要加载十多个iframe 每个iframe都有id(从1开始递加)

我想在想用js来判断第一个iframe是否加载完成 加载完成后 开始加载第二个iframe 一次类推。

我写的代码如下。不知道对不对?
JScript code

<script   language= "javascript">
for(i=1;i<=14;i++)
{
    myiframe[i].src=myurl[i];
    if(myiframe[i].attachEvent){
        myiframe[i].attachEvent("onload", function(){
            });
            continue;
    }else{myiframe[i].onload = function(){
        };
        continue;
    }
}
</script> 



请问这样子对不对? 在谷歌浏览器下 只加载第一个iframe



------解决方案--------------------
JScript code

var myurl[1] = 'http://www.xxx.com';
var myurl[2] = 'http://www.xxx.com';

var myurl[14] = 'http://www.xxx.com';

function loadiframe(index) {
    if (index > 14)
        return;
    if(myiframe[index].attachEvent){
        myiframe[index].attachEvent("onload", function(){
            loadiframe(index + 1);
            });
    }else{myiframe[index].onload = function(){
            loadiframe(index + 1);
        };
    }
    myiframe[index].src = myurl[index];
}