Question

所以我在javascript中制作了一个小脚本，如下所示：

var txtFile = new XMLHttpRequest();
txtFile.open("GET", "http://www.drakedesign.co.uk/mdmarketing/uploads/date.txt", true);
txtFile.onreadystatechange = function() {
    if (txtFile.readyState === 4) {  // Makes sure the document is ready to parse.
        if( (txtFile.status == 200) || (txtFile.status == 0) ) { // Makes sure it's found the file.
            allText = txtFile.responseText;
            arrayOfLines = allText.match(/[^\r\n]+/g);
            document.getElementById("date").innerHTML =  arrayOfLines[0];
            filename1 = (arrayOfLines[0] + ".csv");
            res1 = filename1.replace("/","-");
            res2 = res1.replace("/","-");
            urlCsv = ("http://www.drakedesign.co.uk/mdmarketing/uploads/" + res2);

        }
    }
};

txtFile.send(null);

以上代码简单解析每周更新的文本文档：http://www.drakedesign.co.uk/mdmarketing/uploads/date.txt

其中的日期是逐行写的，如下所示：

16/04/16

16年9月4日

16年2月4日...

我在这里问我如何转换上面的脚本来解析文本文档，然后在html文档中显示每个元素，并使可视元素可以点击，这样我就可以使用正确的日期。

我是以错误的方式来做这件事的吗？有更有效的方法吗？我正在考虑对可能出现的所有可能日期进行硬编码。但我宁愿动态地这样做！

非常感谢任何提供帮助的人。

PS：我正在使用JQUERY！对不起忘了以前提过。

Answer 1

您的问题中未包含jQuery标记，因此我假设您正在寻找一个简单的Javascript答案。对于您在回复中收到的每个日期，您可以将其变为link，该页面可在您的页面上点击。

这样的事情：

function createLink(text, url, parentElement) {
  var a = document.createElement('a');
  var linkText = document.createTextNode(text);
  a.appendChild(linkText);
  a.href = url;
  parentElement.appendChild(a);
}

然后您可以使用此帮助程序创建任意数量的链接：

createLink('16/04/16', 'http://www.hello.com/16/04/16', document.body);

如何将HTML中数组中的所有元素显示为可点击对象？

1 个答案: