将随机网址从文件动态加载到iframe

Question

首先，这应该在我的浏览器中作为网页脱机运行，并且无需安装诸如php即可运行。

我有一个iframe，内容应随机加载。

我有：

• /index.html（包含iframe的页面）
• /files.txt（包含相对网址列表的文件）

和大量的.html文件（也在子文件夹中）。
对于这些文件中的每一个，在files.txt中都存在一个具有确切相对路径的条目。

如果我没有那么多文件，我只需要制作一个带有相对URL的硬编码javascript数组，然后从该数组中随机抽取一个条目作为iframe的源即可。 但是我说的是> 6000个文件。 那我该怎么办呢？

Answer 1

您可以使用jQuery通过AJAX加载文件列表，将其用\\n分割，然后将随机行设置为iframe的src ：

$.ajax({
  url: 'files.txt',
  success: function(text) {
    var fileList = text.split('\n');
    var randomIndex = randomInt(0, fileList.length - 1);    

    $('iframe').attr('src', fileList[randomIndex]);
  }
});

function randomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}