HTML实现包含公共部分：经过ECMA6的模块化，纯前端实现相似jsp:include的功能

 

之前一直是用 jsp:include 的方式来引入 html 头部的公共部分

php也有相似的方式

 

但以上两种，我的感受都并不纯粹，本着折腾的精神，优化原有代码，解耦合

使用 ECMA6 的模块化方式来 纯前端实现引用公共部分

 

1.首先，原来的 header.html 改成 header.js， 使用字符串来表示公共须要的标签， 并 export

2.建立 对应的引用的JS文件，接受 1 export 的 header

如此，就将 须要的 公共标签给写入了 html的head中

3.最后，在须要引用的 html文件中，这样写

 

 

结语：

三步走结束

这样的代码是挺简短的

但网上一开始搜，并无找到现成案例，只能一个个知识点搜索，最终摸索把这个作出来的

会抄没啥用，要知道怎么抄

会搜，也得知道怎么搜