将 Html 文件包含到 Html 中答案

【问题标题】：Include Html file into Html将 Html 文件包含到 Html 中
【发布时间】：2021-10-31 15:54:37
【问题描述】：

我尝试将 Html 文件包含到 Html 但不起作用。任何人都可以帮助我

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

<script> 
    $(function(){
      $("#DivContent").load("second.html"); 
    });
</script> 

<div id="DivContent"></div>

【问题讨论】：

您是否检查过开发人员工具中的网络/控制台选项卡中的任何错误？
这两个文件是否在同一个文件夹中？
这里出现错误访问 XMLHttpRequest at 'file:///C:/Users/troilus/Downloads/test.html' from origin 'null' has been blocked by CORS policy: Cross origin requests are仅支持协议方案：http、data、chrome、chrome-extension、brave、chrome-untrusted、https。 jquery.min.js:2 GET file:///C:/Users/troilus/Downloads/test.html net::ERR_FAILED
你是在本地运行吗？是second.html 还是test.html？
这些都回答了你的问题吗？ Local xml blocked by cors policy 或 Cross origin issue for jQuery .load() for a locally placed file

标签： javascript html jquery bootstrap-4 include

【解决方案1】：

您似乎需要一台本地服务器才能使其正常工作。如今，浏览器强烈限制通过 XHR 从原点 null 读取文件（也就是没有 Web 服务器）。尝试使用任何服务器，例如express.js、Node 的http，或任何 php 服务器。如果文件存在，您的错误将消失。

【讨论】：