如何从另一个文件中提取动态href链接答案

【问题标题】：How to extract a dynamic href link from another file如何从另一个文件中提取动态href链接
【发布时间】：2018-11-17 13:18:15
【问题描述】：

如何在我的网页上创建一个动态href，它可以从另一个文件中读取链接，这样每次我上传具有不同链接集的新文件时，href 路径都会改变？

文本文件包含以下记录：
1 www.google.com
2 www.apple.com
3 www.ibm.com

HTML 页面

<div class="slide" id="slide-1">
<a href="(*path of text file + 1st record*)"  target="_blank"> 
<img class="resize" src="/images/DIY00/1.jpg" alt=""/> </a></div>

<div class="slide" id="slide-2">
<a href="(*path of text file + 2nd record*)" target="_blank"> 
<img class="resize" src="/images/DIY00/2.jpg" alt=""/> </a></div>

<div class="slide" id="slide-3">
<a href="(*path of text file + 3rd record*)" target="_blank"> 
<img class="resize" src="/images/DIY00/3.jpg" alt=""/> </a></div>

【问题讨论】：

“从另一个文件中读取链接”是什么意思？
我希望从单独的文件中读取 url 字符串。例如，假设我有一个名为 urllist.txt 的纯文本文件，并且在该文件中有一条记录 $1 = www.google.com。我的网页会执行来翻译。现在，如果将 urllist.txt 文件中的 url 更改为 $1= www.yahoo.com，我的网页将执行这将转换为。我正在寻找一种方法来解析来自另一个文件的 url 字符串，这样我就不必打开并手动编辑我的网页。希望清楚。

标签： javascript html href

【解决方案1】：

在这里很难说出你在问什么，但我认为你希望能够使用更新的 url 提取连续的 href？如果是这种情况，您应该能够将更新的 href 作为新字符串传递，因为这就是 href 元素首先传递的方式。

【讨论】：

【解决方案2】：

我想就是这样。如果 1.txt 的第一行是 www.google.com，则超链接解析到此域。

<script>
  var xhttp = new XMLHttpRequest(); 
  xhttp.onreadystatechange = function() { 
   if (this.readyState == 4 && this.status == 200) { 
     document.getElementById("link1").href=this.responseText;
    }
  };

xhttp.open("GET", "https://example.com/1.txt", true); 
xhttp.send(xhttp); 
</script>

<a id="link1" href="#" target="_blank"></a> </div>

【讨论】：