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

浏览数：25 / 时间：2015年06月09日

HTML模板框架源代码

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;
})();

 

HTML模板框架使用Demo

var templateSource = "" +
    "<div>{{mm}}" +
    "   <ul>" +
    "       <li>dd{{ xx }}</li>" +
    "   </ul>" +
    "</div>";


var template = new HtmlTemplate(templateSource);

template.toHTML({
    mm: "1111111111111",
    xx: "2222222222222"
})

 

Demo运行结果

 

 

一个超级简单的HTML模板框架源代码以及使用示例,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class java 代码 html style src class java 代码 html style src

相关文章

随机文章

您可能还喜欢

您可能还喜欢