将超链接设置为变量-更新变量所有超链接更新答案

【问题标题】：Set Hyperlink to a Variable- update variable all hyperlinks update将超链接设置为变量-更新变量所有超链接更新
【发布时间】：2018-02-13 00:24:33
【问题描述】：

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

希望这是有道理的，

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

【问题讨论】：

不知道是否可以在纯 HTML 中进行。相反，您可以以这种方式使用 JQuery。假设你有一个<div id="element">: var hyperLink = '<a href="http://google.com'>Google</a>"; var element = $('#element'); element.append(hyperLink);。
追加？那将替换 var 超链接到 var 元素？我不是网络开发人员，但被这个任务卡住了：\
它会为 div 添加一个超链接
staticgen.com

标签： html variables hyperlink

【解决方案1】：

Document.links API 使得使用 href 属性访问任何 <a> 或 <area> 变得非常容易。

 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>

【讨论】：

究竟您的情况是什么？ 据我了解，您有一些链接，您希望动态更改网址。这种技术很简单，代码量最少，而且速度非常快。在每个页面上，您应该已经至少有一个所有页面都指向的 JavaScript 文件。您可以将代码放入其中。完成此操作后，您所要做的就是更改var url='http://anythingUwant.com'，您网站上的每个<a> 都将按照您在问题中的要求进行转换。您是否点击了显示 “运行代码片段”的蓝色按钮？