我正在尝试让我的工作流程更轻松。这就是为什么我正在寻找将一个HTML或JavaScript文件加载到我的每个页面的侧边栏中的可能性。
我正在考虑创建一个名为“sidebar.html”或“sidebar.js”的文件。
在我的常规页面上(about.html,music.html等等)我有一个带有id和/或类“sidebar”的div。这个div在每个页面上完全相同。如何将sidebar.html / sidebar.js加载到这些div中?
这样当我想更新我的侧边栏时,我只需要更改sidebar.html / sidebar.js,而不必打开每个页面并手动更改它。
感谢您的帮助!
答案 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/>