Javascript 在数组中循环一次以填充iFrame,然后在循环完成后转到另一个页面
我是Javascript新手,我不知道如何通过一系列html文档循环,使用单击下一步按钮一次填充一个iFrame。这就是我一直在努力解决的问题Javascript 在数组中循环一次以填充iFrame,然后在循环完成后转到另一个页面,javascript,Javascript,我是Javascript新手,我不知道如何通过一系列html文档循环,使用单击下一步按钮一次填充一个iFrame。这就是我一直在努力解决的问题 window.onload = loadPages; function loadPages () { var frameThem = document.getElementById("frameWrap"); var arr = ["aCard.html", "bCard.html", "cCard.html", "dC
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();
window.onload=loadPages;
函数加载页(){
var frameThem=document.getElementById(“frameWrap”);
var arr=[“aCard.html”、“bCard.html”、“cCard.html”、“dCard.html”];
对于(索引=0;索引
这仅加载最后一个html文档。我很感激能得到的任何帮助。谢谢。此代码将逐个显示它们,单击按钮时显示下一个
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();
<!DOCTYPE html>
<html>
<body>
<button id="nextButton">NEXT!</button>
<iframe id="frame1"></iframe>
<script type="text/javascript">
var lastloaded = 0;
window.onload = loadPages;
function loadPages () {
var frame = document.getElementById("frame1");
var arr = ["aCard.html", "bCard.html", "cCard.html", "dCard.html"];
if (lastloaded+1>arr.length){
lastloaded = 0;
}
frame.src = arr[lastloaded];
lastloaded++;
}
document.getElementById('nextButton').onclick = loadPages;
</script>
</body>
</html>
下一个
var lastloaded=0;
window.onload=加载页面;
函数加载页(){
var frame=document.getElementById(“frame1”);
var arr=[“aCard.html”、“bCard.html”、“cCard.html”、“dCard.html”];
如果(上次加载+1>阵列长度){
lastloaded=0;
}
frame.src=arr[lastloadded];
lastloaded++;
}
document.getElementById('nextButton')。onclick=loadPages;
在这里,您需要创建一个帧数组,以便能够同时看到所有帧。这太棒了。效果很好。谢谢你,GKBRK。@MichaelSterling没问题。