将数组索引变成超链接

Question

我正在使用 JavaScript 导入一个名为 test.txt 的文本文档，并将每一行发送到一个名为 linesArr 的数组中。我这样做很成功，但我只需要使用 JavaScript 将数组索引转换为可点击的超链接。（我使用的是 Animate CC，但 JavaScript 解决方案在 Animate CC 中的工作原理相同。

我的文本文件读取（每行）

 https://www.google.com
 https://www.facebook.com
 https://www.amazon.com

JavaScript

that = this;

function getData(){
   var xmlhttp;

   if (window.XMLHttpRequest) {
       xmlhttp = new XMLHttpRequest();               
   }           
   else {               
       xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");               
   }

   xmlhttp.onreadystatechange = function () {               
       if (xmlhttp.readyState == 4) {                   
         var lines = xmlhttp.responseText;

         intoArray(lines);                 
       }               
   }

   xmlhttp.open("GET", "test.txt", true);
   xmlhttp.send();    
 }

 function intoArray (lines) {
    var lineArr = lines.split('\n');
    alert("lineArr[2]");
 }

 getData();

 that.button.addEventListener("click", fl_ClickToGoToWebPage);

 function fl_ClickToGoToWebPage() {
     window.open(lineArr[1], "_blank");
 }

Answer 1

您的链接没有以正确的格式存储。任何格式正确的超链接都必须包含 URL 的方案部分。尝试将方案（HTTP:// 或 HTTPS://）添加到文本文件中列出的链接。大多数网站确实有 HTTPS，至少出于安全原因它们应该有。

像这样：

如果您无法将方案部分直接添加到文本文件中，您可以尝试使用 JavaScript 添加它们。

window.open("https://" + lineArr[1], "_blank");

要使用 JavaScript 创建超链接，您可以将 HTML 附加到现有元素或尝试创建一个新元素。这是您可能会使用 http://jsfiddle.net/rD6BZ/

的东西

您可以像这样使用 JavaScript 创建一个有效的超链接元素：

var hyperlink = '<a href="https://www.google.com">Link</a>';

将数组索引变成超链接

Turn Array Index into an Hyperlink

javascript

arrays

text

hyperlink