Javascript 如何循环使用不同的iframe？

我想把iframe放在一个循环中，让下一个在队列中等待，而第一个则加载、解析和渲染。第二个iframe仅在第一个iframe成功渲染后加载

我一直在使用for循环并测试setTimeout，发现只有在for循环结束时才会执行超时

var displayFrames=document.getElementByIddisplayframes； 对于var i=0；i您能为我提供处理此问题的更好方法吗？

类似的方法可能使用iframe onload事件触发下一次加载

var displayFrames = document.getElementById("displayframes");

var fileNameCounter = 0;

var loadIframe = function() {

    if(fileNameCounter >= filenames.length - 1)
        return;

    var frame = document.createElement("iframe");
    frame.src = "templates/" + filenames[fileNameCounter];
    frame.width = (window.innerWidth/3);
    frame.height = (window.innerHeight/2);
    displayFrames.appendChild(frame);

    fileNameCounter++;

    frame.onload = function() {
        loadIframe();
    }
}

loadIframe();

---

很高兴我能帮忙。祝你好运