我每次想使用它时都必须重写一个 html header 吗？

Question

我目前正在尝试使用 node.js 开发网站。由于不熟悉 html 和 node.js，我遇到了一些麻烦。 node.js 或 html 中是否有任何机制，我不必为每个网页重新创建 header 和页脚（例如：复制粘贴 html 代码每一次）？

Answer 1

不确定这是否会回答您的问题，但这是在 HTML 页中添加页眉和页脚而无需重复代码的一种方法。

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

并且在您的主 index.html 文件中将是

<div id="header"></div>
<div id="content">
    Main Content
</div>
<div id="footer"></div>

所以完整的 index.html 看起来像这样

<html>
<head>
    <title></title>
    <script src="//code.jquery.com/jquery.min.js"></script>
    <script> 
        $(function(){
          $("#header").load("header.html"); 
          $("#footer").load("footer.html"); 
        });
    </script> 
</head>
<body>
    <div id="header"></div>
        <div id="content">
            Main Content
        </div>
    <div id="footer"></div>
</body>
</html>

Answer 2

既然你说你不熟悉 html 和 nodejs，我假设你是初学者。

可以通过多种方式实现您正在寻找的内容，其中一种方式由 shehary 提供，它在客户端（用户的浏览器）呈现页面并使用 jquery 来操纵 DOM 插入页眉和页脚。其他方法包括使用模板在服务器端插入页眉和页脚。 nodejs 中使用的一些流行模板是 ejs jade swig etc. you can also do it client side using jQuery , angularJS ,backboneJS 等。它们每个都有自己的优点和缺点。

我每次想使用它时都必须重写一个 html header 吗？

Do I have to rewrite an html header everytime I want to use it?

html

node.js

header

footer