0

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

<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，然后加载 iframe 的次数与 txt 文件中的 url 一样多，一个接一个？也许除了我在这里写的方法之外，还有另一种方法可以做到这一点？

4

1 回答 1

0

我会将文件格式化为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/

于 2013-02-24T13:54:30.970 回答