跨页面重用页眉和页脚

Question

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

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

2. include('header.jsp');

   // 渲染页面特定内容 ...

   include('footer.jsp');

有没有更好的方法来做到这一点？像 jQuery .load() 这样的东西会显着提高性能吗？

Answer 1

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

内容部分：

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

以及下面的代码：

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