我有一个显示 URL 预览的 iframe:
<iframe style="width:100%;height:700px;" id="myframe" src="www.google.com"></iframe>
但是，我希望有一个 URL 列表，并且能够在它们之间“移动”，这意味着每次我按空格键时，它都会在 iframe 中显示下一个 URL:
<script>
var websites = ["www.google.com", "www.bing.com", "www.yahoo.com", "www.youtube.com"];
//Pressed spacebar
$(window).keypress(function (e) {
if (e.keyCode === 0 || e.keyCode === 32) {
//Show next URL in iframe
}
})
</script>
有谁知道如何将其添加到此代码中？谢谢
最佳答案
您可以更改迭代网站数组的 iframe src 属性，如下所示:
var websites = ["http://www.google.com", "http://www.bing.com", "http://www.yahoo.com", "http://www.youtube.com"];
var counter = 1;
$(window).keypress(function (e) {
if (e.keyCode === 0 || e.keyCode === 32) {
$('#myframe').attr('src', websites[counter]);
if(counter == websites.length -1) counter = 0;
else counter += 1;
}
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe style="width:100%;height:700px;" id="myframe" src="http://www.google.com"></iframe>关于javascript - 如何在 iframe 中的不同 URL 之间移动？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45048116/