如何在单独的文件中分隔（bootstrap、jquery、css、js）的链接并在 HTML 页面中附加文件链接？

Question

我正在使用（HTML、CSS、Bootstrap、JavaScript、JQuery）制作一个简单的网站。我的问题是：

1. 如何将所有链接或脚本标签分隔在一个单独的文件中，然后将此文件包含在我的 index.html 中？

2. 如何让我的所有项目文件都可以全局访问引导程序？

因为没有它，我的 head 标签 搞砸了，我想编写干净的代码。

Answer 1

• 它不能在纯 html 中完成如果您使用任何模板引擎，您可以这样做。
• 如果您愿意，可以使用 JavaScript 来实现，但这样做不是一个好习惯。
  • 创建一个文件 tags.txt 将所有标签放在那里，然后
  • 使用 fetch 获取文件并用 javascript 将其放入 html 中

fetch('/tags.txt').then(res => {
        res.text().then(data => {
          console.log(data)
          document.querySelector('head').html = data ;
        })
      })