template.js插件--好用的模板插件

这篇博客介绍了JavaScript模板引擎template.js,该引擎体积小巧,仅5KB。通过将HTML代码放入<script>标签中,结合JSON数据,利用template.js进行动态渲染。文章详细讲解了如何使用模板语法,包括简单的if条件判断和each遍历,强调灵活运用能实现复杂功能。
摘要由CSDN通过智能技术生成

template.js是一款JavaScript模板引擎,简单好用,而且只有5K左右哦!
最近刚好做一个工程用到了,就来总结下。

原理:提前将Html代码放进一个<script id="test" type="text/html"></script>中,当需要用到时,在js里这样调用:var  htmlstr=template("test",放Json数据或其他);然后$("#***").html(htmlstr),放进去就好!


具体方法:

1,编写模板:
<script id="tpl" type="text/html">
<ul>
    <%for(var i = 0; i < list.length; i++) {%>
    <li><%:=list[i].name%>&l
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值