Question

我有一个链接，我想在每次加载页面时在此链接后添加一个随机数。

我该怎么做？

有没有办法在href标签中添加随机数而不需要任何单独的jquery代码？

我写了下面的代码，但它不起作用。

<a href="secondpage?rand=+Math.Random()">click</a>

Answer 1

你不能在页面的某处混合使用javascript。它必须在某个区域内，例如 onclick 属性：

<a onclick="location.href = `secondpage?rand=${Math.random()}`">click</a>

因为这通常是一个坏主意，我们可以使用一个脚本来修改页面上的所有链接并添加随机数：

<script>
  window.onload = () => {
    document.querySelectorAll("a").forEach(link =>
      link.href += "?rand=" + Math.random()
    );
  };
</script>

Answer 2

随机数生成的语法是Math.random()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random

为了将随机数分配给 href 操纵 DOM 。

以下是一个例子：

<html>
  <body>
  <div id="foo"> </div>
  <script>
    var a = document.createElement('a');
    a.href="secondpage?rand="+Math.random();
    a.innerText = "click";
    var div = document.getElementById('foo');
    div.appendChild(a);
  </script>
</body>

如何在链接后添加随机数

2 个答案: