Question

当我们始终使用相同的<links>或<script>加载我们网站的所有HTML文件的<head>或<footer>时，复制真的很痛苦/粘贴在Web文件夹的每个页面中，尤其是当我们必须修改它们时。我wrote a JavaScript script为了在每个HTML页面中加载相同的内容：我在脚本中编写内容（使用ES6）并在我调用脚本的任何地方加载内容。这是一个好习惯还是一个非常糟糕的做法？

谢谢！

Answer 1

使用框架，例如RequireJS

Answer 2

使用框架进行Cosign; Webpack也是捆绑依赖项的绝佳选择

Answer 3

您需要的东西可以在PHP中轻松完成。您只需要一个页脚和一个头文件，它们将用作模板，您只需使用PHP标记在需要的地方包含页眉和页脚，如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
<?php include 'header.php';?>


<?php include 'footer.php';?>
</body>
</html>

或者，如果你想完全使用JavaScript，你可以使用Node，我们可以使用Express作为后端，你可以使用EJS includes作为页眉和页脚。

使用js脚本生成和<footer>

3 个答案: