Question

我有一个header.html文件，我想将其包含在所有HTML文件中，该怎么做？

我的header.html代码：

<html>
    <header id="header" class="header">
        <--code-->
    </header>
</html>

在我的html中，我尝试过：

<body>
    <!--#include file="layout/header.html" -->
</body>

还要使用js：

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script>
        $(function () {
            $("#header").load("layout/header.html");
        });
    </script>
</head>
<body>
    <div id="header"></div>
</body>

我尝试过：Include another HTML file in a HTML file

但是它对我不起作用，标题内容不显示。可能是什么问题？我在XAMPP内尝试了main.html并将其删除。我之前在Firefox中工作但在Chrome中工作时没有解释什么，为什么？发布网络时，header.html不会在Chrome浏览器中加载吗？

Chrome控制台错误：jquery.min.js：2从源“空”访问“ file：/// C：/.../header.html”处的XMLHttpRequest已被CORS策略阻止：跨源请求仅支持以下协议方案：http，数据，chrome，chrome扩展名，https。

Answer 1

您可以让服务器端代码手动解析标头和主要html文件，然后将它们缝合在一起，组成一个有效的完整html文档。就像您自己的自定义模板引擎！

如何将我的header.html包含在html中？

1 个答案: