Javascript使用技巧

模板工具与jQuery对象创建

最新推荐文章于 2025-11-28 06:24:21 发布

原创最新推荐文章于 2025-11-28 06:24:21 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

Javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种利用模板工具简化jQuery对象创建的方法。通过定义模板字符串和JSON数据结合的方式，实现了快速构造DOM元素，提高了代码的可读性和维护性。


     Template.Util = {//tool type
	format : function (str, model) {//format the template 
		for (var k in model) {
			var re = new RegExp("{" + k + "}", "g");
			str = str.replace(re, model[k])
		}
		return str;
	}
   }

使用方式：


var Template = {
    fn: {
        constant: {
            tab: '<table id={tableId} border=0 cellpadding=1 cellspacing=1 class=tb_datalist></table>'
        }
    }
}

createHoriz: function(item) {
    return $(Template.Util.format(Vc.constant.horizontal, {
        "ULId": item.ULId
    }));
}

好处是构造$jquery对象可以直接用字符串+json对象进行替换，代码清晰