html里的head與title什么區(qū)別？

今天正好碰到了這個(gè)需求，用純 js 和 html 實(shí)現(xiàn)的，說一下我用的方法。

1.把 header 和 footer 剝離成單獨(dú)的 html 文件。

2.在需要引入的頁面的頭部和尾部分別寫一個(gè)空 div 標(biāo)簽，作為 header 和 footer 的預(yù)留位置。

3.新建一個(gè) js 文件，封裝一個(gè) ajax 方法，url 分別指向第一步剝離出來的的 html 文件，并將返回的內(nèi)容用 innerHTML 分別填充進(jìn)第二步的預(yù)留位置中。

4.在相應(yīng)頁面引入該 js 文件。這樣就完成了。可以很方便地引入想要的模塊，以后要維護(hù)的話直接改模塊對(duì)應(yīng)的 html 文件就好了。希望對(duì)題主有幫助~o(∩_∩)o ~