HTML模板模块化方法

1.jquery load（）方法

$("#footer").load("footer.html")

2.ssi服务

<!- #include virtual="html/footer.shtml" -> shtml格式

3.IFrame引入，看看下面的代码

[代码] <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>

##说明：样式脱离文档流，样式不易维护

4.<object>方式 
[代码] <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object> 
##模板样式不能外部CSS控制

5.document write

var urls = document.getElementsByTagName("script");
var urls = urls[urls.length-1].src;
var url = urls.slice(urls.indexOf("?")+1);
var ieid = url.replace(/\W/m,"_");
document.write(‘<IE:Download ID="‘+ieid+‘" STYLE="behavior:url(#default#download)" />‘);
document.getElementById(ieid).startDownload(url,onDownloadDone);
function onDownloadDone(downDate){ 
document.write(downDate);
}

html文件代码：

<script src="this.js?lib/top.html"></script>

6.angualr框架ng-include指令