如何向鏈接添加動態查詢字符串？

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);
}