Jquery实现静态页面的包含
在做纯静态页面的时候，需要把B.index文件包含到a.html中

服务器：apache2.2
IDE：Dreamweaver
页面：纯静态html文件

详细要求：

  再做页面设计的时候，例如：经常需要把header、footer【即头部和版权信息部分】拆出来。然后分别使用include的方法加载到页面中。
  现在我需要使用ajax或者javascript或者jquery实现页面的动态加载。
  不能用iframe或者frameset框架集[以及涉及到这两方面的javascript代码]
  尽量使用jquery。


  我不是为了加载header和footer，我在用(选项卡tab)【演示的地址】 ，想把选项卡下面的内容通过包含的方式包含。

求教了！谢谢



 

------解决方案--------------------
直接用 jquery 的 ui tabs 插件
<script type="text/javascript" src="js/jquery-1.6.4.min.js" ></script>
<link rel="stylesheet" href="themes/base/jquery.ui.all.css">
<script src="js/jquery.ui.core.min.js" type="text/javascript" ></script>
<script src="js/jquery.ui.tabs.min.js" type="text/javascript" ></script>

<div id="tabs">
<ul><li ><a href="#tabs-1">基本概况</a></li>
<li><a href='a.htm'>详细介绍</a></li>
<li><a href='b.htm'>船队列表</a></li>
</ul>
<div id="tabs-1">这里是第一个TAB的直接内容</div>
<div id="tabs-2"></div>
<div id="tabs-3"></div>
</div>
 <script type="text/javascript" >
$("#tabs").tabs();
 </script>

更多参考 jquery 官方网站
http://docs.jquery.com/UI/Tabs
------解决方案--------------------
使用load方法加载就可以了