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

Question

First of all, this is supposed to be running offline as a web page in my browser and should work without additional installs like php.

I have an iframe which content should be randomly loaded.

I have:

• /index.html (the page with the Iframe)
• /files.txt (a file with a list of relative urls)

and tons of .html files (also in subfolders).
For each of these files exists an entry in files.txt with it's exact relative path.

If I wouldn't have so many files, I would just make an hardcoded javascript array with the relative urls and take a random entry from that array as source for the iframe. But I'm talking about >6000 files. So how can I do that?

Answer 1

You can use jQuery to load file list via AJAX, split it by \\n and set random line as an src for 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;
}