Question

如何在我的网页上创建一个动态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>

Answer 1

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

Answer 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>

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

2 个答案: