js 简易模板引擎 , 持续更新。。。

最新推荐文章于 2020-07-27 19:20:05 发布

weixin_30849403

最新推荐文章于 2020-07-27 19:20:05 发布

阅读量85

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/glory-jzx/p/3411885.html

本文介绍了一个简单的JavaScript模板引擎实现过程，通过定义一个自执行函数_mytpl来加载HTML模板并填充数据，最终预览填充后的HTML内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
var _mytpl = (function(){
    var _verson = 1.0;
    return {
        _data:{},
        load:function(html,data){
            with(this){
                _data.html = html;
                _data.data = data;
            }
            return this;
        },
        exec:function(){
            var me = this , t = me._data.html;
            t = t.replace(/\{(\w)+\}/g,function(arg1, arg2){
                return me._data.data[arg2];
            });
            this._data.html = t;
            t = null;
            return this;
        },
        preview:function(){
            alert(this._data.html);
        }
    };
})();
var Insa =  _mytpl.load('<div>{a}+{b}</div>', {a:1,b:2}).exec().preview();
</script>