<div class="head">
   <a href="html/html.html">html</a>
   <a href="html/css.html">css</a>
</div>
<div id="app">
</div>
<div class="footer">
  footer
</div>
<script>
   /* 
   return false  阻止a标签的跳转
    */
    /* 
    load()加载服务器上的数据
     */
   var htmls = ["html/html.html","html/css.html"];
   $("#app").load(htmls[0])
   $(".head a").click(function(){
       $("#app").load(htmls[$(this).index()])
       return false;
   })
</script>

html.html

<p>html</p>

css.html

<p>css</p>

阻止a标签的跳转

return false

加载本地文件

点击，或