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

标签 javascript html css

我的 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" >

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

myImports.html

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

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

关于javascript - 在另一个文件中添加JS src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34490163/

相关文章:

javascript - 用 jQuery 替换相同结构中的不同单词

javascript - "Filter"唯一键的JSON并获取所有相关值

html - Bootstrap - 折叠模式下的自动下拉导航菜单

html - 如何解决html中的字符编码问题?

html - CSS Transition with Button without Span Covering Text

javascript - 如何将单个 [x, y] 坐标转换为 [xstart, xend,ystart, yend] 的范围?

javascript - 在页面加载时触发多个 javascript 函数

javascript - 缩略图投资组合过滤器表现不正确

html - Bootstrap 3 : Emails defaulting to print media type even on screen

html - 将容器的内容保持在一起