javascript - 刷新页面添加新的随机参数

Question

我想加载带有随机参数的网址。例如(rnd 是一个随机值):

1. 加载www.website.com?rnd=2398
2. 按 F5
3. 自动加载www.website.com?rnd=4583
4. 转到第 3 步，按下 F5，但使用新的 rnd 值

我尝试使用onbeforeunload，但我不希望它询问我是否愿意留在这里或离开页面。我也用这个功能:

jQuery().ready(function () {
    var actualUrl = window.location.href;
    var aleat = Math.round(Math.random() * 100000);
    if (actualUrl.indexOf('rnd') != -1) {
        $("a[href]").attr('href', function (index, href) {
            if (href.indexOf("javascript") == -1 && href.indexOf("mailto") == -1) {
                return href + (href.indexOf('?') != -1 ? "&rnd=" + aleat : "?rnd=" + aleat);
            }
        });
    }
});

使用此函数，如果我使用 rnd 参数，那么我会在所有 href 中添加一个新的 rnd 参数。因此，当我单击 href 时，会使用新的随机参数加载 url。我的问题是...如何使用 F5/refresh 实现 url？

Answer 1

您可以使用此插件:

https://github.com/carhartl/jquery-cookie

并做这样的事情:

$(document).ready(function(){

    var url = window.location.href;
    var rnd = url.split('rnd=')[1];
    var cookie = $.cookie("rnd");
    var newRnd = Math.round(Math.random() * 100000);

    $.cookie("rnd", newRnd);

    if(rnd == cookie || !cookie) {
        window.location.href = 'http://www.website.com/?rnd=' + newRnd;
    }
});

这只是一个快速草案，我还没有测试过，但应该很接近，希望这对您有帮助。