将数组索引变成超链接答案

【问题标题】：Turn Array Index into an Hyperlink将数组索引变成超链接
【发布时间】：2021-03-05 00:32:39
【问题描述】：

我正在使用 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");
 }

【问题讨论】：

标签： javascript arrays text hyperlink

【解决方案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>';

【讨论】：

我错过了键入facebook.com 等已经在文档中。我会纠正这部分问题。