鍍金池/ 問答/HTML/ 前端公共的例如頭部底部寫在一個HTML,能引入的其他頁面?

前端公共的例如頭部底部寫在一個HTML,能引入的其他頁面?

頁面需要公共的底部和頭部,我單獨寫了一個HTML頁面,用<embed></embed>變簽或者<iframe></iframe>引入整個樣式就發(fā)生了變化,底部是定位的但是現(xiàn)在整個底部自己是一個document,只對自己定位

clipboard.png

clipboard.png

回答
編輯回答
懶洋洋

jq有個load方法,可以加載文檔

$("#result").load("test.html");

html頁面中寫的是html片段,如

<footer>xx</footer>

不用jq的話,你也可以使用ajax請求,請求html數(shù)據(jù),或text數(shù)據(jù),把請求到的數(shù)據(jù)追加到頁面上

2018年4月30日 12:31
編輯回答
做不到

如果你的網(wǎng)站有后臺系統(tǒng)的話可以在后臺做成頭部底部模板,通過后臺處理,最后直接輸出整個頁面。
在前臺也可以使用一些JavaScript框架做模板。
最簡單的辦法,把頭尾的html內(nèi)容都寫在JavaScript文件里,然后每個頁面加載這個js文件,js文件負責把html代碼追加到頁面對應位置。

2017年3月6日 10:51