码迷,mamicode.com
首页 > Web开发 > 详细

一个超级简单的HTML模板框架源代码以及使用示例

时间:2014-05-06 11:41:55      阅读:653      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   java   color   

HTML模板框架源代码

bubuko.com,布布扣
var HtmlTemplate = (function () {
    function HtmlTemplate(htmlSource) {
        this.htmlSource = htmlSource;
    }
    HtmlTemplate.prototype.toHTML = function (params) {
        var reg = HtmlTemplate.REG_FILTER_PARAM;
        var m = this.htmlSource.replace(reg, function (d) {
            var p = d.replace(HtmlTemplate.REG_GET_PARAM, "");
            return params[p] || d;
        });
        return m;
    };
    HtmlTemplate.REG_FILTER_PARAM = /{{\s*[\w_]+\s*}}/gm;
    HtmlTemplate.REG_GET_PARAM = /[\s{}]+/g;
    return HtmlTemplate;
})();
bubuko.com,布布扣

 

HTML模板框架使用Demo

bubuko.com,布布扣
var templateSource = "" +
    "<div>{{mm}}" +
    "   <ul>" +
    "       <li>dd{{ xx }}</li>" +
    "   </ul>" +
    "</div>";


var template = new HtmlTemplate(templateSource);

template.toHTML({
    mm: "1111111111111",
    xx: "2222222222222"
})
bubuko.com,布布扣

 

Demo运行结果

bubuko.com,布布扣

 

 

一个超级简单的HTML模板框架源代码以及使用示例,布布扣,bubuko.com

一个超级简单的HTML模板框架源代码以及使用示例

标签:style   blog   class   code   java   color   

原文地址:http://www.cnblogs.com/lhp2012/p/3710602.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!