如何使用 javascript 将 .txt 文件中的文本插入 HTML 元素？ [复制]

Question

我有我的 HTML 文件，我有我的 javascript 文件，我有我希望在浏览器的 HTML 文件中显示的纯文本的 .txt 文件。

const fs = require("fs");
let fileUrl = "content";
let files = fs.readdirSync(fileUrl);

function kys(){
    let result = "";
for (i in files){
    result += fs.readFileSync("content/" + files[i]).toString();
}
return result;
}

此文件从“内容”文件夹中读取文本文件。

<script src="../scripts/skripti.js"></script>

我已经在我的 HTML 文件的 body 标记中添加了 javascript 文件，但我终生无法弄清楚如何让它显示从函数返回的“结果”值。

最简单的方法可能是创建一个单独的 javascript 文件或添加到该 javascript 文件代码以创建一个新的 HTML 标记并编辑 InnerHTML 元素，但我收到“文档”未定义的错误。

这可能是因为我通过 VSC 扩展通过 node.js 测试网站？我也试过在我的浏览器（Chrome）中打开 HTML 文件，没有区别。

我也尝试过让函数将结果返回给变量，但我遇到了“文档”和“窗口”未定义的错误。

浏览互联网，唯一的解决方案似乎是安装 npms，但我希望尽可能简单，并且仅锁定模块似乎是不必要的膨胀。

创建脚本标签并尝试从我的 HTML 文件中调用该函数似乎不起作用。

Tl;dr，我在文件中有文本，我想使用 javascript 在网页中显示文本，文本文件存储在本地（在我的计算机上）。

Answer 1

fs 包是特定于 Node.JS 的，不能在网页中使用。您可以将readFileSync 替换为XMLHttpRequest 或fetch()，但readdirSync 没有与浏览器兼容的替换。为此，您将需要使用索引文件（本质上是包含要下载的其他文件列表的文件）或为您提供目录内容列表的服务器 API。