我制作了一个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>
答案 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>