javascript - 在另一个文件中添加JS src

Question

我的 index.html 中加载了许多 .js 文件，格式如下:

<script src="file.js"></script>

是否有一个选项可以创建一个 HTML 文件，我将在其中获取所有 JS 和 CSS 文件，然后将此 HTML 文件包含在我的 index.html 中？

Answer 1

为了加载 HTML 文件，请添加一个链接标记，该链接标记的 rel 属性中包含导入，以及一个包含 HTML 文件路径的 href。例如，如果您想将名为 myImports.html 的 HTML 文件加载到 index.html 中:

index.html

<link rel="import" href="myImports.html" >

您可以将任何资源(包括脚本、样式表和 Web 字体)加载到导入的 HTML 中，就像加载常规 HTML 文件一样:

myImports.html

<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script>

而 doctype、html、head、body 不是必需的。 HTML 导入将立即加载导入的文档、解析子资源并执行 JavaScript(如果有)。