js通过相对路径读取txt文件

在JavaScript中，如果你想通过相对路径读取文本文件(.txt)，你需要结合`window.location.href`和`URL`对象来构建文件的完整路径。假设你的文件位于与HTML页面相同的目录下，你可以这样做：

var path = window.location.href.split("/"); // 获取当前页面的路径
path.pop(); // 移除最后一个元素（通常是文件名），剩下的是目录

// 添加文件名
path.push('yourFileName.txt'); 

// 构建完整的URL
var filePath = path.join("/") + '/';

try {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", filePath, true);
    xhr.responseType = "text";
    xhr.onload = function() {
        if (xhr.status === 200) {
            var content = xhr.responseText;
            // 处理文件内容
            console.log(content);
        } else {
            console.error("Failed to load file:", xhr.statusText);
        }
    };
    xhr.send();
} catch (error) {
    console.error("Error reading file:", error);
}

这个例子假设文件在同一域名下的根目录或子目录中。如果文件不在同一域名或路径结构中，则可能涉及到跨域问题，这时可能需要服务器端的支持或者使用CORS。