javascript - 将文件中的随机 url 动态加载到 iframe 中

Question

首先，这应该在我的浏览器中作为网页离线运行，并且无需像 php 这样的额外安装即可工作。

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

我有：

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

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

如果我没有这么多文件，我只会用相对 url 制作一个硬编码的 javascript 数组，并从该数组中随机获取一个条目作为 iframe 的源。但我说的是> 6000个文件。那么我该怎么做呢？

Answer 1

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

$.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;
}