javascript - 如何使用 javascript 以 html 形式显示文本文件中的文本

Question

我想使用文本文件作为我网站上的文本源。我只是无法将其显示在我想要的位置

我已经设法从文件中读取文本，但现在我陷入困境。

这是我的 readFile 函数:

<script>
  function readFile(input){
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        var textFileText = searchFile(this.responseText, input);
        document.getElementById(input).innerHTML = this.textFileText;
      }
    };
    xhttp.open("GET", textFile, true);
    xhttp.send();
  }
</script>

我已经尝试过并且有效。

这是 searchFile 函数:

<script>
  function searchFile(text, searched){
    var output;
    var n = text.search(searched);
    output = text.substr((n+str.length+2), text.indexOf('\n'));
    return output;
  }
</script>

它应该过滤文件中的文本以查找特定单词。

文本文件如下所示:

[header]=text
[thing1]=more text

我的想法是，如果我像这样调用该函数:

readFile("thing1");

输出应该是“更多文本”

这里我调用了显示标题文本的函数:

<h2 onload = "readFile(this.id)" id = "header"></h2>

但是之后什么也没有显示。

我也尝试过这个:

<h2 onload = "readFile('header')" id = "header"></h2>

但还是没有显示任何内容。

我是否遗漏了什么或者我做错了什么？

Answer 1

h2 或大多数标签都没有 onload。因此，我只需从页面上的脚本标记内调用该函数，而不是从 onload 调用该函数。

<script>readFile('header');</script>