iFrame多次更改源

时间:2014-10-25 11:11:24

标签: javascript iframe src

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

看起来像这样:

iframe loaded =>更改为example.com => iframe loaded =>更改为example1.com => iframe loaded =>更改为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>

1 个答案:

答案 0 :(得分:2)

你几乎就在那里,你只是忘了陷入某种事件(比如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>