Javascript 如何访问外部HTML文件的内部HTML？

是否有任何方法可以使用javascript或jQuery访问外部HTML文件的innerHTML？例如，假设我在浏览器中打开了一个HTML文件，其中写入了相关的javascript函数。当我点击HTML文件a上的按钮时，我希望我的javascript函数搜索HTML文件B中的innerHTML，该文件B与HTML文件a位于同一文件夹中

代码如下所示：

HTML文件A:

<script>
    var source = $("#sampleDiv").html();
    var search = source.search("text");
</script>

var source=$（“#sampleDiv”）.html（）；
var search=source.search（“文本”）；

HTML文件B:

<div id="sampleDiv">Here's some text.</div>

这里有一些文本。

我正试图将它们保存在单独的文件中，以保持代码的整洁。我在rl中使用的HTML文件B的内容相当长，因此我希望通过将两者分开来保持HTML文件A中的代码干净

获取文件 如果不请求文件，就无法从客户端对外部文件执行远程操作。在这种情况下，最简单的方法是对文件发出AJAX或XHR请求，然后等待加载返回的文件

以这种方式发送的文件可以被视为字符串

你拿到文件后 一旦有了这个字符串化的文件，就可以对请求的结果（）使用jQuery的方法了。这将返回一个DOM元素数组：

var str = "hello, <b>my name is</b> jQuery.";
var html = $.parseHTML(str); // outputs ['hello,', '<b>my name is</b>',' 'jQuery'];
html.map((element) => element.innerText)
    .filter((text) => text != undefined) // outputs ['my name is']

var str=“你好，我叫jQuery。”；
var html=$.parseHTML（str）；//输出['hello'，'my name is'，'jQuery']；
html.map（（element）=>element.innerText）
.filter（（text）=>text！=未定义）//输出['my name is']

然后，您可以遍历数组以查找所查找的元素及其

innerText

获取文件 如果不请求文件，就无法从客户端对外部文件执行远程操作。在这种情况下，最简单的方法是对文件发出AJAX或XHR请求，然后等待加载返回的文件

以这种方式发送的文件可以被视为字符串

你拿到文件后 一旦有了这个字符串化的文件，就可以对请求的结果（）使用jQuery的方法了。这将返回一个DOM元素数组：

var str = "hello, <b>my name is</b> jQuery.";
var html = $.parseHTML(str); // outputs ['hello,', '<b>my name is</b>',' 'jQuery'];
html.map((element) => element.innerText)
    .filter((text) => text != undefined) // outputs ['my name is']

var str=“你好，我叫jQuery。”；
var html=$.parseHTML（str）；//输出['hello'，'my name is'，'jQuery']；
html.map（（element）=>element.innerText）
.filter（（text）=>text！=未定义）//输出['my name is']

---

然后，您可以遍历数组以查找所查找的元素及其

innerText

这是针对Ajax请求的作业。试试这个：

$.get（“/FileB.html”），函数（数据）{
var source=$（data.find（“#sampleDiv”）.html（）；
var search=source.search（“文本”）；
});这是针对Ajax请求的作业。试试这个：


$.get（“/FileB.html”），函数（数据）{
var source=$（data.find（“#sampleDiv”）.html（）；
var search=source.search（“文本”）；
});在哪里加载HTMLB文件？在Iframe中？在哪里加载html B文件？在Iframe中？我认为这会起作用，但是当我尝试进行AJAX调用时，我遇到了一个错误。我在本地硬盘上做所有这些工作，没有在互联网上做任何事情，至少现在还没有。可以对本地文件进行AJAX调用吗？我得到的错误是：XMLHttpRequest无法加载file:///I:/tests/test.html. 跨源请求仅支持协议方案：http、data、chrome、chrome extension、https、chrome-extension-resource。这是因为Google chrome security不允许您调用未通过http提供服务的本地文件，以防止跨站点脚本编写。这不是Javascript的问题。这可以通过安装本地服务器来解决。在包含HTML文件的目录中运行
python-msimplehttpserver（）
，并导航到它所服务的端口。这是一个关于如何正确使用SimpleHTTPServer的教程。我认为这会起作用，但是当我尝试进行AJAX调用时，我遇到了一个错误。我在本地硬盘上做所有这些工作，没有在互联网上做任何事情，至少现在还没有。可以对本地文件进行AJAX调用吗？我得到的错误是：XMLHttpRequest无法加载file:///I:/tests/test.html. 跨源请求仅支持协议方案：http、data、chrome、chrome extension、https、chrome-extension-resource。这是因为Google chrome security不允许您调用未通过http提供服务的本地文件，以防止跨站点脚本编写。这不是Javascript的问题。这可以通过安装本地服务器来解决。在包含HTML文件的目录中运行
python-msimplehttpserver（）
，并导航到它所服务的端口。是关于如何正确使用SimpleHTTPServer的教程。