在另一个文件中添加JS src

Add JS src in another file

本文关键字：JS src 添加 另一个 文件      更新时间：2023-09-26

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

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

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

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

index.html

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

您可以像加载普通HTML文件一样，将任何资源（包括脚本、样式表和web字体）加载到导入的HTML中：

myImports.html

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

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

而不是制作包含所有js和css文件的html文件。更实用的解决方案是将所有javascript/CSS文件合并到一个文件中。然后将该文件包含到html中。它们是可以帮助您自动实现这一目标的工具，例如Gulp、YEOMAN等。

相关文章：