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

时间:2014-07-05 20:58:55

标签: javascript html workflow sync

我正在尝试让我的工作流程更轻松。这就是为什么我正在寻找将一个HTML或JavaScript文件加载到我的每个页面的侧边栏中的可能性。

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

在我的常规页面上(about.html,music.html等等)我有一个带有id和/或类“sidebar”的div。这个div在每个页面上完全相同。如何将sidebar.html / sidebar.js加载到这些div中?

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

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

HTML文件没有您期望的包含功能。但是有很多选择。

你的about.html中的

有你的div <div id="sidebar"></div>,现在向sidebar.html发送ajax请求并在你的div中附加回复。

其他选项是在div中使用iframe

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