javascript - 如何使用纯 JavaScript 读取文本文件的内容并将其写入 ？

Question

问题:如何从文本文件(与 html 页面一起保存在服务器上)读取内容并将该内容写入 'innerHTML'在 HTML 页面上？

上下文:我想创建一个用作博客的静态网站。但是，我希望只有一个帖子页面，并且每个帖子都从一个文本文件中读取并写入页面的主 div。文本文件中的内容将用所需的 html 标记进行标记，以便它们在写入 div 时像 html 一样运行(但文件本身将另存为 .txt 文件)。

理想情况下，文本文件应该能够存储在与调用它的 html 页面(和/或脚本文件)不同的文件夹中。

附加信息:我遇到的大多数解决方案都与读取用户上传的文件有关。这不是我想要理解的。我试图了解如何从作为网站 Assets 的一部分存储的文本文件中读取。

Answer 1

使用 Fetch API .

(async () => {
    const text = await (await fetch("/path/to/the/text/file.txt")).text();
    div.innerHTML = text;
})();

顺便说一下，除非文件包含 HTML 标记，否则我建议您使用 .innerText而不是 .innerHTML .这样，像 < 这样的字符没有特别解释。