将变量中的文本添加到 actor 标签内的 href link

Question

我有 15 个带有 href link 的演员标签是这样的

    <a href="https://www.w3schools.com/temp.pdf"></a>

由于这些 PDF 经常更新，我不想在浏览器中缓存它们，我想通过将 updateDate 存储在像

这样的变量

    <script>
        updateDate = "20210624";
    </script>

我想更新我的 href link，因为它可能会在 url 末尾添加日期

    <a href="https://www.w3schools.com/temp.pdf?date="+updateDate></a>

但它不起作用。我对此进行了研究，并了解到我需要为 15 个 link 中的每一个单独更新 url。有什么方法可以存储日期值并将其用于所有 15 个 link 而不改变每个人？

Answer 1

试试这个：

document.querySelectorAll('a').forEach(e => {
  e.href += new Date().getTime();
})

<a href='https://www.w3schools.com/temp.pdf?date='>link</a>
<a href='https://www.w3schools.com/temp.pdf?date='>link</a>
<a href='https://www.w3schools.com/temp.pdf?date='>link</a>

如果您只想更改某些锚标记的 href，请为它们指定一个 class 名称：

document.querySelectorAll('a.nocache').forEach(e => {
  e.href += new Date().getTime();
})

<a class="nocache" href='https://www.w3schools.com/temp.pdf?date='>link</a>
<a href='https://www.w3schools.com/temp.pdf'>link</a>
<a class="nocache" href='https://www.w3schools.com/temp.pdf?date='>link</a>

将变量中的文本添加到 actor 标签内的 href link

Add text from a variable to href link inside actor tag

html

javascript

href