Question

我需要一种自动显示存储在不同文件中的链接的网页方式。我有一种方法可以使用以下方式显示存储在JavaScript文件中的链接：

function set_links()
{
    setHrefById("URLID","URL");
}
function setHrefById(idName, url)
{
    if(document.getElementById(idName))
    {
        document.getElementById(idName).href = url;
    }
}

然后在HTML文档中使用：

<A target="_blank" id="URLID" href="">Click here</A>

但我想要的是，我在JS文件中插入一个链接，然后自动显示在HTML网页中。

这是实现这一目标的最佳方式还是有其他方法可以做到这一点？我曾尝试使用Access数据库执行此操作，但实际上无法连接到数据库，我无法弄清楚问题是什么（我已经搜索了Google好几个小时）。

我无法使用MySQL数据库，因为它运行的是一个简单的内部网。

Answer 1

假设你的js文件包含链接描述：

var links = [
   { src: "http://dummy.com", text: "Click here" },
   { src: "http://another.domain", text: "Or here" },
   { src: "../relative/path.html", text: "Or relative one" }
];

html页面中的容器将存储链接：

<div id="links"></div>

现在你需要包含这个脚本：

   var html = "";
   for (var i = 0; i < links.length; i++) {
      html += '<a target="_blank" href="' + links[i].src + '">' + links[i].text + '</a>'
   };
   document.getElementById("links").innerHTML = html;

AFTER div;或者在头部，但在函数上面包装代码并在体载上调用它。

您可以使用演示here

从不同的源生成链接

1 个答案: