将Hyperlink设置为Variable-update变量，所有超链接都会更新

Question

我有一个网站，其中有多个页面和不同位置显示相同的超链接（URL）。 如何设置变量的超链接，将变量存储在某处，然后当我需要更改URL时，我需要做的就是更新变量，导致指向该变量的所有超链接也更新。而不是手动更改网站上每个位置的超链接？

希望这是有道理的，

请使用以下方法发布答案 1- HTML 2- JavaScript 3，JQuery的 4-（我忘记添加到列表但很容易实现的东西）

Answer 1

Document.links API可以轻松访问<a>或<area>属性href。

 nodeList = document.links

演示

// Any URL
var url = `https://www.example.com/`;

// [Optional] Any text
var txt = `Example.com`;

// Reference all <a> in a NodeList called lnx
var lnx = document.links;

/* for each loop, add the url to href
|| and the text and the index number to the <a> contents (in
|| between the tags <a>...</a>). 
|| Also set each `<a>` style to act as a block
*/
for (let a = 0; a < lnx.length; a++) {

  lnx[a].href = url;
  
  // [Optional]
  lnx[a].textContent = txt +' '+ a;
  
  // [Optional]
  lnx[a].style.display = "block";

}

<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>
<a href='url'>url</a>