HTML實現包含公共部分：經過ECMA6的模塊化，純前端實現相似jsp:include的功能

 

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

php也有相似的方式

 

但以上兩種，我的感受都並不純粹，本着折騰的精神，優化原有代碼，解耦合

使用 ECMA6 的模塊化方式來 純前端實現引用公共部分

 

1.首先，原來的 header.html 改成 header.js， 使用字符串來表示公共須要的標籤， 並 export

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

如此，就將 須要的 公共標籤給寫入了 html的head中

3.最後，在須要引用的 html文件中，這樣寫

 

 

結語：

三步走結束

這樣的代碼是挺簡短的

但網上一開始搜，並無找到現成案例，只能一個個知識點搜索，最終摸索把這個作出來的

會抄沒啥用，要知道怎麼抄

會搜，也得知道怎麼搜