javascript - 循环遍历一个数组一次以填充 iFrame，然后在循环完成时转到另一页

Question

我是 Javascript 新手，不知道如何使用单击“下一步”按钮循环遍历一组 html 文档以一次填充一个 iFrame。这是我一直在努力解决的问题

window.onload = loadPages;

function loadPages () {
        var frameThem = document.getElementById("frameWrap");
        var arr = ["aCard.html", "bCard.html", "cCard.html", "dCard.html"];

        for (index = 0;index < arr.length; index++) {

            frameThem.src = (arr[index]);
        }

};

document.getElementById('nextButton').onclick = loadPages();

这仅加载最后一个 html 文档。我很感激我能得到的任何帮助。谢谢。

Answer 1

var index = 0;
var arr = ["aCard.html", "bCard.html", "cCard.html", "dCard.html"];

function loadPages () {
    document.getElementById("frameWrap").src = (arr[index]);
    index = (index + 1) % arr.length;
};

window.onload = loadPages;
document.getElementById('nextButton').onclick = loadPages();