将多个链接从txt文件一个接一个地插入到一个iframe中

Inserting multiple links into one iframe from txt file, one by one

本文关键字：一个 插入 iframe 文件 链接 txt      更新时间：2023-09-26

我正试图将多个src链接放入一个框架中，然后一个接一个地加载它们。这是我目前拥有的代码：

<script type="text/javascript">
    $(document).ready(function(){   
    $('#1').on('load', function() {     
            $('#1').attr('src', "http://www.example1.com");             
    }).attr('src', "http://www.example2.lt");
    $('#1').on('load', function() {                 
            $('#1').attr('src', "http://www.example1.com");             
    });
    });
</script>
<iframe id="1"  width="100" height="100" src=""></iframe>

在这段代码中，它将首先加载example1.com url，然后加载example2.com url。

我有一个存储url的txt文件。如何让javascript从txt文件中读取url，将它们放入javascript中，并根据txt文件中的url加载iframe多次，一个接一个？也许还有其他方法可以做到这一点，而不是我在这里写的方法？

我会将文件格式化为json编码的字符串数组，并使用$.ajax或$.getJSON从服务器获取它。

现在你已经设置好了你的阵列，你可以：

$.getJSON( ... , function(success) { 
  $('#1').on('load', function() {
    $(this).attr('src', success.pop());
  }).attr('src', 'http://www.google.com');
});

有点像这样：

http://jsfiddle.net/FQLce/

相关文章：