zoukankan      html  css  js  c++  java
  • 一个超级简单的HTML模板框架源代码以及使用示例

    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运行结果

  • 相关阅读:
    Week14 作业 C
    Week13 作业 E
    Week9 作业 C
    Week9 作业 B
    Week9 作业 A
    Week13 作业 C
    Week13 作业 B
    Week13 作业 A -CodeForces
    css--轮播图 yk弹框--固定定位和层级的应用
    css--定位
  • 原文地址:https://www.cnblogs.com/lhp2012/p/3710602.html
Copyright © 2011-2022 走看看