(HTML)将链接存储在中心文件中

Question

我想做一个html，但我不知道如何将链接存储在一个额外的文件中。代码为：

<a title="DESCR" href="LINK" target="_blank" style="color: white">NAME</a>

我想在一个中心文件中获取链接。可选(如果可能的话(，名称也是。我试了两天，都没找到有效的。我试图为此创建一个css，但css仅用于设计目的。。。

有人知道怎么做吗？

Answer 1

您可以用javascript定义数据，并使用一个小脚本，该脚本将使用数据为您创建链接元素。

这里的linksData是一个url数组。当您使用对象数组(json(时，您可以添加更多的信息。脚本遍历该数组，并为每个url创建一个新的锚点。

var linksData = ["https://example.com", "https://stackoverflow.com"];
var linksList = document.getElementById("links");
for (var i = 0; i < linksData.length; ++i) {
var listItem = document.createElement("li");
var anchor = document.createElement("a");
anchor.setAttribute("href", linksData[i]);
var text = document.createTextNode(linksData[i]);
anchor.appendChild(text);
listItem.appendChild(anchor);
linksList.appendChild(listItem);
}

<ul id="links">

</ul>

要在html中包含外部javascript，您需要添加

<script src="myScript.js"></script>

到html的head部分。