如何在HTML中添加.txt文件？求代码中的正确添加位置

方式1：添加可下载的文件链接 #

HTML里没有txt这种自定义属性，你需要用<a>标签创建指向file.txt的链接，放在你希望显示的位置即可（比如导航栏区块内，或是标题下方）。修改后的代码示例：

<h1 align=Center>title bla bla bla</h1>
<p align=Center>N - Z</p>
<div class="topnav">
  <!-- 插入file.txt的下载链接 -->
  <a href="file.txt">下载file.txt</a>
</div>
</html>

方式2：直接在页面显示文件内容 #

如果要把file.txt的内容直接展示在页面上，需要用JavaScript读取文件内容并插入到页面容器中，示例代码如下：

<h1 align=Center>title bla bla bla</h1>
<p align=Center>N - Z</p>
<div class="topnav">
  <!-- 用于显示文件内容的容器 -->
  <div id="fileContent"></div>
</div>

<script>
// 读取并展示file.txt内容
fetch('file.txt')
  .then(res => res.text())
  .then(content => {
    document.getElementById('fileContent').textContent = content;
  })
  .catch(err => {
    document.getElementById('fileContent').textContent = '无法加载文件内容';
  });
</script>
</html>

注意：确保file.txt和你的HTML文件放在同一个目录下，这样路径才能正确识别。

内容的提问来源于stack exchange，提问作者lundruk