如何使用 JavaScript 读取本地文本文件？

有时，我们需要使用 JavaScript 从本地读取文本文件，并将其内容显示在网页上。幸运的是，HTML5 的 FileReader API 提供了一种简单的方法来实现这个功能。

下面是一个简单的示例，展示如何使用 JavaScript 读取本地文本文件：

// 获取文件选择的input元素
var fileInput = document.getElementById('fileInput');

// 当文件被选择时触发
fileInput.addEventListener('change', function(e) {
    // 获取选择的文件
    var file = fileInput.files[0];

    // 创建一个新的FileReader对象
    var reader = new FileReader();

    // 读取文件的内容
    reader.readAsText(file);

    // 当文件读取完成时触发
    reader.onload = function(e) {
        // 输出文件的内容
        console.log(e.target.result);
    };
});

在上面的示例中，我们首先获取了一个 input 元素，它可以让用户选择本地文件。然后我们添加了一个事件监听器，在文件被选择后触发。

当事件发生时，我们获取了用户选择的第一个文件，并创建了一个新的 FileReader 对象。我们调用了 readAsText() 方法来读取文件的内容，并在文件读取完成后，使用 onload 回调函数来处理文件内容，并将其输出到控制台上。

上面的示例中只是使用控制台打印文件内容，如果你需要将文件的内容显示在网页上，你可以把 console.log 替换成更新网页元素的代码。

总之，使用 JavaScript 读取本地文本文件并不复杂，只需要使用 FileReader API 和一些基本的 JavaScript 编程知识即可。