[html] 开发静态页面时,不依赖node相关的工具,如何提取出公共部分并引入?

比如我现在有一个index.html,如果要在其中html中引入html的话,我们假设该组件为modal.html,我们现在可以写一个最简单的html文件展示一下:

<html>
  <head>
    <style></style>
  <head>
  <body>
    <div>
      <include src="./modal.html"></include>
    </div>
  </body>
</html>

这样一段html代码就被引入了,当然我们可以在里面加入JS代码,它的编译顺序就是DOM节点顺序顺次下来,JS运行时要注意一下时序的问题。
以上,css和js组件可以直接用script标签引入,html组件可以用include标签引入。

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题