?

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

php也有類似的方式

?

但以上兩種，個人感覺都并不純粹，本著折騰的精神，優化原有代碼，解耦合

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

?

1.首先，原來的 header.html?改為 header.js，?使用字符串來表示公共需要的標簽，?并?export

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

如此，就將?需要的?公共標簽給寫入了?html的head中

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

?

?

結語：

三步走結束

這樣的代碼是挺簡短的

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

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

會搜，也得知道怎么搜

轉載于:https://www.cnblogs.com/ihaokun/p/10290372.html

總結

以上是生活随笔為你收集整理的HTML实现包含公共部分：通过ECMA6的模块化，纯前端实现类似jsp:include的功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。