template.js简单使用例子

最新推荐文章于 2024-09-10 09:46:43 发布

zuloshury

最新推荐文章于 2024-09-10 09:46:43 发布

阅读量695

点赞数

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

本文链接：https://blog.csdn.net/zuloshury/article/details/78696181

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

/**
 * template.js简单使用例子，方法比较笨，不知道还有什么高级使用方法
 */
function contentTpl(){
    var html = ' '+
        '<script id="contentTpl" type="text/html">' +
            '<ul>' +
            '<%for(var i = 0; i < list.type.length; i++) {%>' +
                '<li><%=list.type[i]%></li>' +
            '<%}%>' +
            '</ul>' +
        '</script>'+
        '';
    $("body").append(html);
    var data = {
        type: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
    };
    render("contentTpl","content",data);
}

function render(tpl_id,div_id,data){
    var tpl = document.getElementById(tpl_id).innerHTML;
    var html = template(tpl, {list: data});
    document.getElementById(div_id).innerHTML = html;
}