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

标签 javascript html

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

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

这是我的 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>

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

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

最佳答案

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

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

关于javascript - 如何使用 javascript 以 html 形式显示文本文件中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56548560/

相关文章:

javascript - 根据相邻元素的大小或值隐藏 flexbox 元素

javascript - React Native Firebase 事务无法正常工作

css - 如何使页脚停留在网页的底部?

html - 如何在同一行中排列两个不同id的div?

javascript - 如何将 "glue"元素调整大小的图像?

javascript - 在控制台中执行时显示此 JQuery 错误

javascript - 如何在加载任何页面时自动打开控制台,无需按 F12 或检查

javascript - Crockford 的伪经典继承部分中的函数构造函数

javascript - 渲染 XML 文档

html - 在 NodejS 中创建包含链接的二维码