如何向链接添加动态查询字符串？

Question

有没有人可以帮助我？

如何将动态查询字符串添加到包含随机生成的 10 位数字的链接（采用类似 www.placeholder.com/xyz.pdf?r=random_number 的格式，用于规避浏览器缓存）。

谢谢！

Answer 1

如果您想防止缓存，您也可以使用当前时间戳而不是随机数。

以下代码段查找页面上包含“pdf”的每个链接，并添加 ?r={timestamp} 或 &r={timestamp}。

var timestamp = new Date().getTime(),
links = document.querySelectorAll("a[href*=pdf]");
for (var i = 0, l = links.length; i < l; ++i) {
    links[i].href += [/\?/.test(links[i].href) ? '&' : '?', "r=", timestamp].join("");
}

但是我几乎可以肯定您可以以更好的方式实现它，例如通过在浏览器的开发人员工具中禁用浏览器缓存（如果是出于调试目的）

Answer 2

使用以下代码，转到http://skillcram.com/JS.htm并单击链接 DynamicLink 以获取工作示例：

函数动态链接（）{

    var rand = Math.random();
    var randNum = Math.floor(rand * 10000000000);
    window.open("http://www.dynamicLinkTest.com/xyz.pdf?r="+randNum);
}