html 利用js 读取 txt

HTML网页可以利用JavaScript来读取txt文本文件中的内容。 在JavaScript中，可以通过AJAX技术来异步请求txt文件，并将其返回的文本数据进行处理和显示。

首先，需要创建一个XMLHttpRequest对象，通过这个对象来异步请求txt文件。代码如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.txt', true);

其中，open()方法用来打开一个请求，前两个参数分别表示请求的类型和请求的URL，第三个参数为异步操作的布尔值。然后，还需要指定一个回调函数，用来处理返回的数据。可以使用onreadystatechange或者onload事件来监听请求过程的变化，当readyState属性为4时，表示操作完成。代码如下：

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = xhr.responseText;
    // 处理返回的数据
  }
};

在回调函数中，可以通过responseText属性来获取返回的文本数据。最后，可以将数据显示在网页中，例如通过document对象的innerText属性将数据放入一个div中。代码如下：

var result = document.getElementById('result');
result.innerText = data;

以上是读取txt文件的基本步骤，可以根据需求进行修改和扩展。需要注意的一点是，在请求同源外的文件时，需要启用服务器上的CORS（跨源资源共享）功能，否则会因为跨域问题而无法正常读取。