將隨機網址從文件動態加載到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;
}