跨页面重用页眉和页脚

Question

我在标题部分有所有菜单。单击菜单链接时，只有内容更改但页眉和页脚保持不变。 我在考虑两种选择。

1. 将内容部分放在iframe中。

2. 包括（ 'header.jsp中'）;

   //呈现特定于页面的内容......

   包括（ 'footer.jsp中'）;

有没有更好的方法呢？像jQuery .load（）这样的东西能否显着提升性能？

Answer 1

使用jQuery的加载是一个不错的选择，只需确保在任何javascript之前加载HTML。您只需要加载的内容部分，例如：

内容部分：

<div id='content'></div>

以下代码：

$('#content').load('/includes/content2.html', function(){
    // load scripts here
});