Question

只需寻找一些大的发展/设计建议。我希望使用Bootstrap 4作为CSS代码库来设计网站，以帮助进行网站设计。是否有一个简单的框架，可以将我创建的内容以模块化的方式应用？因此，如果我在中央位置更改NavBar，则无需查看站点中的每个页面？为了以这种方式进行编码，我应该学习什么，而不是将HTML复制并粘贴到我创建的每个页面中。

谢谢！

Answer 1

如果您不熟悉后端编码，或者您无法使用它，则可能需要考虑使用Javascript。

在您的源代码中，您需要将<nav>和</nav>之间的所有内容移动到一个单独的源（我们将其命名为navigation.html）。使用Javascript，您可以在每次加载页面时加载navigation.html。

在不久的将来，HTML import可能会上市。

window.onload = () => {
  nav = document.getElementsByTagName("nav")[0]; // First nav element in the document
  fetch('navigation.html')    // Modern browsers only
    .then(function(html) {    // Receive navigation.html content
      nav.append(html);       // Insert content of navigation.html into <nav></nav>
    });
}

Web开发中的可重用模块

1 个答案: