Question

首先，这应该是在我的浏览器中作为网页脱机运行，并且无需像php这样的其他安装工作。

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

我有：

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

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

如果我没有这么多文件，我只会使用相对网址创建一个硬编码的javascript数组，并从该数组中随机输入iframe的源代码。但我说的是＆gt; 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;
}

动态地将随机URL从文件加载到iframe

1 个答案: