在多個頁面上將內容與div同步

Question

我正在嘗試簡化我的工作流程。 這就是為什么我希望將一個HTML或JavaScript文件加載到我每個頁面的側欄中的原因。

我正在考慮創建一個名為例如“ sidebar.html”或“ sidebar.js”的文件。

在我的普通頁面（about.html，music.html等）上，我有一個div，其ID和/或類為“ sidebar”。 此div在每個頁面上完全相同。 如何使sidebar.html / sidebar.js加載到這些div中？

這樣，當我想更新邊欄時，只需更改sidebar.html / sidebar.js即可，而不必打開每個頁面並手動進行更改。

謝謝您的幫助！

Answer 1

HTML文件沒有您所期望的包含功能。 但是，有很多選擇。

在about.html文件中，使div <div id="sidebar"></div> ，現在將ajax請求發送到sidebar.html並將響應添加到div中。

另一種選擇是在div中加入iframe

<div id="sidebar"> <iframe src="sidebar.html"></iframe><div/>