javascript 最简单的模板

最新推荐文章于 2020-08-05 15:05:50 发布

xiaoyangyingjie

最新推荐文章于 2020-08-05 15:05:50 发布

阅读量146

点赞数

分类专栏： js 文章标签： js ViewUI

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏


       /**
         * 对html代码进行模块处理 ,把字符串中的html
         * from   http://www.isharey.com/?p=1206
         * @param template    html字符串代码
         * @param data    json对象
         * @return string  html
         */
        function templateLoadData(template, data) {
            return template.replace(/\{([\w\.]*)\}/g, function (str, key) {
                value = data[key];
                return (value === null || value === undefined) ? "" : value;
            });
        }

        var templateStr = "<div>" +
                "<div>{name}</div>" +
                "<div>{age}</div>" +
                "</div>";

    var newTemplateStr = templateLoadData(templateStr, {name:'xiaoyangok', age:100});
        // <div><div>xiaoyangok</div><div>100</div></div>