超链接到随机HTML页面

Hyperlink to random HTML page

本文关键字:页面 HTML 随机 超链接      更新时间:2023-09-26

我有一个HTML页面的选择(假设30),我想有一个随机按钮,这样当按钮被按下时,它会随机显示30页中的一个。

我在网上找到了几个脚本,似乎做到了这一点,但他们似乎有点"黑客",想知道最简单,最干净的解决方案是什么?

提前感谢!

如果var arr是你的数组,你可以得到一个随机值:

var value = arr[Math.floor(Math.random() * arr.length)];

生成一个介于0和数组长度之间的随机数。

你可以导航到那个url…

window.location = value;

更新

简单演示:http://jsfiddle.net/ESSAc/1/

为按钮添加了一个简单的onclick属性:

<input type="button" onclick="runme()" value="Click Me!" />

执行这个函数:

function runme() {
    var arr = ["http://www.bbc.co.uk/", "http://www.yahoo.com/", "http://www.stackoverflow.com/"];
    var value = arr[Math.floor(Math.random() * arr.length)];
    alert("Would navigate to : " + value);
    // window.location = value;     // remove the comment at the beginning to actually navigate
}

我不知道这是不是很"hacky",但我想这样做:

jQuery('#sumfin').onclick( function() {
    jQuery.get(
        'someurlthatreturnsjsonwitharandomurl.php',
        {},
        function (data) {
            window.location = data.url;
        },
        'json'
    );
}

然后在服务器端脚本中设置一个页面数组