首页 > Web开发 > 详细

HTML模板模块化方法

时间:2016-08-15 21:59:25      阅读:358      评论:0      收藏:0      [点我收藏+]

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指令

HTML模板模块化方法

原文:http://www.cnblogs.com/huawy/p/5774306.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!