javascript - 在页面加载/刷新时加载随机页面的脚本？

Question

我正在寻找一些东西，它允许我在每次首次加载页面和随后的重新加载/刷新时随机选择根目录中的一个页面来加载。我有一个index.html和index2.html例如根目录中的彼此略有不同。

我已经尝试过 Google，但找不到任何内容/我尝试过的所有内容都不起作用。

我目前尝试使用的 JavaScript 是:

var howMany = 3;  // number of pages below, count them.

howMany = howMany-1
var page = new Array(howMany+1);

page[0]="index.html";
page[1]="index2.html";
page[2]="index.html";

function rndnumber(){
    var randscript = -1;
    while (randscript < 0 || randscript > howMany || isNaN(randscript)){
        randscript = parseInt(Math.random()*(howMany+1));
    }
    return randscript;
}
quo = rndnumber();
quox = page[quo];
location.href=(quox);

如果我在本地测试它，它似乎可以工作，但由于某种原因它陷入无限且自动重新加载/刷新循环中。当我将其上传到服务器时，没有重新加载循环，但随机化不起作用，它只是加载index.html

我在这里设置了一个测试页面:http://www.samnorris.co.nz/test2/根目录下有index.html和index2.html

任何人都可以提供任何线索，为什么这可能无法正常工作和/或更好的解决方案？

谢谢!

Answer 1

JavaScript 在页面加载时在客户端上执行。因此，每次加载页面时，它都会随机选择一个页面并重定向到该页面。然后该页面嵌入了一些 JavaScript，执行时会选择一个随机页面并加载它，...

更好的解决方案是使用服务器端语言来处理服务器上的页面服务。以 PHP 为例。代码会是这样的:

index.php

<?php
$randNumber = mt_rand(1,3);
if ( $randNumber == 1 )
{
    include 'index_1.html';
}
else
{
    include 'index_2.html';
}