Javascript 访问外部html文件的元素

我有一个文件（html），我想抓取其中一个类中的所有内容。这两个文件都在我的计算机上，并且处于脱机状态。我想我需要以某种方式将此文件用作

文档

。然后，我可以获取我的

类

属性中的所有内容

我是在网上找到的，但我好像不工作

function readTextFile(file)
{
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, false);
    rawFile.onreadystatechange = function ()
    {   
        if(rawFile.readyState === 4)
        {   
            if(rawFile.status === 200 || rawFile.status == 0)
            {   
                var allText = rawFile.responseText;
                console.log(allText)
                return allText;
            }   
        }   
    }   
    rawFile.send(null);
}
var x = readTextFile("~/repos/ranjs/source.htm")

这可能有效吗

$(document).ready(function(){
    var class = $('.class').load('/filepath/file.html');
});

---

您可以使用localhost在本地完成。因为AJAX需要发出HTTP请求，这需要一个服务器。请详细说明或回答。我刚开始使用javascriptFrom代码，您编写`var rawFile=new XMLHttpRequest（）；`这意味着您要发出HTTP请求。为了实现这一点，您需要在您的机器中安装一个名为localhost的服务器。所以你们需要解决的问题就是安装一个本地主机，比如你们可以使用XAMPP，并没有更好的方法吗？“并没有更好的方法了吗？”。这就是网页的托管方式——使用web服务器。如果您的电脑有Windows，则可以使用IIS或Apache。如果你有Mac或Linux，那么Apache是主要的选择，尽管也有nginx和其他一两个。