公共頭部和尾部都是html，通過Ajax把header和footer append進去就可以了。需要注意的是：1 ajax是異步加載，需要把async設置成false。2 Chrome不支持本地Ajax請求，chrome不支持本地打開頁面，不能加載這個HTML文件（在火狐上是沒問題的）具體請參考（http://blog.csdn.net/maomengmeng/article/details/48469175）。主頁面代碼：<script type="text/javascript">$(function(){$.ajax({type:"get",url:"header.html",dataType:"html",async:false,success:function(data){$(".headerContent").append(data);}});})</script><div class="headerContent"></div><div class="bodyContent"></div>