Question

我制作了一个iFrame，并希望在它加载到10个不同来源中的下一个时更改它的来源：

看起来像这样：

iframe loaded =＆gt;更改为example.com =＆gt; iframe loaded =＆gt;更改为example1.com =＆gt; iframe loaded =＆gt;更改为example2.com ...

有没有办法做到这一点？ ......我坚持这一点，不知道我能做什么：

<html>
<body>
<iframe src="http://www.example.com"> </iframe>
<script>   
var links = [
"http://www.js.com", 
"http://example.com", 
"http://example1.com"];

alert(links[2])

function srca (){
document.getElementsByTagName('iframe')[0].src = links[0]
}


</script>
</body>
</html>

Answer 1

你几乎就在那里，你只是忘了陷入某种事件（比如onload）..
为了让你开始，这里你去：

<html>
<head>
<script>   
var links = [ 'http://www.js.com'
            , 'http://example.com' 
            , 'http://example1.com'
            ]
,  lnkCnt = 0
;
function srca(){
   links.length > lnkCnt && (
     document.getElementsByTagName('iframe')[0].src = links[lnkCnt++]
   );
}
</script>
</head>
<body>
<iframe src="about:blank" onload="setTimeout(srca, 2000);"></iframe>

</body>
</html>

iFrame多次更改源

1 个答案: