javascript - HTML 中的通用 header

Question

我想使用 HTML/CSS/Javascript 创建一个通用页眉(和页脚)，这样如果我将它更新到一个页面，它会自动更新其余页面。我还希望能够选择显示哪个链接及其上的事件类。另外，我正在使用 Bootstrap 。以下是我需要满足的一些条件:

• 没有PHP
• 无服务器端(必须在 github 页面上工作)

提前谢谢你，

阿尔伯特

Answer 1

您可以使用 jQuery 来.load HTML 文件:

HTML

<div id="header"></div>

jQuery

$('#header').load('static.html');

或者，您可以使用 iframe 加载您的静态 header 。参见 this answer有关可用技术的更多信息。