jquery - 跨页面重复使用页眉和页脚

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
});