Javascript 将内容与多个页面上的div同步

我正在努力使我的工作流程更简单。这就是为什么我在寻找一种可能性，可以将一个HTML或JavaScript文件加载到我每个页面的侧栏中

我正在考虑创建一个名为“sidebar.html”或“sidebar.js”的文件

在我的普通页面上（about.html、music.html等），我有一个带有id和/或类“边栏”的div。该div在每一页上都完全相同。如何将sidebar.html/sidebar.js加载到这些div中

这样，当我想更新侧栏时，我只需更改sidebar.html/sidebar.js，而不必打开每个页面并手动更改它

---

谢谢你的帮助

HTML文件没有您所期望的包含功能。然而，有很多选择

在about.html中，让div

，现在将ajax请求发送到

侧栏.html

，并将响应附加到div中

另一个选择是在div中有一个iframe

---

AngularJs将是一种使用名为。这其中有一些开销，值得花时间。