Question

我正在创建一个nodeJs应用程序，我在其中根据请求提供html文件。我最近开始使用Html。我想创建多个html文件，但希望在所有多个html文件中包含类似的 header.html 。我读过不同的文章，例如： Make header and footer files to be included in multiple html pages。此外，我尝试使用Html5 import 语句，但没有任何工作。有没有其他方法可以使用Html5或javascript或jquery执行此操作。我的代码是：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $(function(){ $("head").load("header.html") });
    </script>
</head>
<body>
<div id="frontpage"/>
<script src="./bundle.js" type="text/javascript"></script>
</body>
</html>

而我的header.html是：

<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<link rel="stylesheet" href="/css/mycssfile.css"/>
<title>My application</title>

但它不起作用！有什么方法可以让它发挥作用吗？

我得到的错误是：

获取http://localhost:3000/header.html 404（未找到）

在多个htm文件中包含标头

0 个答案: