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
使用简单和独特的模板系统,快速、轻松地复制当前页面上的信息。 提供快速简便的访问有关当前页面和环境的大量信息的信息;标签标题和URL(一直使用的协议),缩短的URL,元信息,屏幕和页面尺寸,浏览器信息,Cookie,插件,格式化的日期和时间,操作系统,地理位置,推荐页面,颜色深度,当前选择,减价格式,统计信息,脚本和样式表等等……更好的是,使用独特的模板系统,它使用户可以轻松地创建自己的模板,从而实现了无穷无尽的可能性,并包括一个内置的步骤-分步指南可帮助您编写自己的指南。还提供了这些预定义的模板以帮助您入门 * URL-复制当前选项卡的URL * Short-复制缩短的URL(使用任何支持的服务)* Anchor-复制具有URL和选项卡标题HTML锚标记* Encoded-复制编码的URL(以安全地直接添加到HTTP查询中)* Markdown-复制带有URL和选项卡标题的Markdown内联链接* BBCode-复制带有URL和选项卡标题的BBCode URL标记* Markdown中的选择-复制当前选择因此,只需单击一个按钮,您就可以将所有这些信息直接添加到系统剪贴板中,而无需进行任何格式化。这为您节省了很多繁琐的工作,并且肯定是测试人员最好的朋友。通过支持键盘快捷键和上下文(右键单击)菜单,可以更快地访问您喜欢的模板,并且由于模板的独特而简单的选项页面,所有这些模板都易于管理 #URL缩短器支持以下URL缩短器服务; * bit.ly-链接到您的bit.ly帐户以允许在时间轴上进行跟踪* goo.gl-登录到您的Google帐户以允许在goo.gl上进行跟踪* YOURLS-链接到任何自定义的YOURLS安装#注意由于Google的设计,因此可以在Chrome网上应用店或内部浏览器页面上使用。在报告任何问题之前,请在其他站点上尝试一下。您可能需要重新启动Chrome才能使其正常运行 #更改可以在下面找到以前版本中包含的更改的完整存档; @ tmpl.at/2x22Mdm#服务台如果您对该扩展程序有任何疑问,或者想给我们提供反馈,可以在这里进行; @ tmpl.at/2zvrUuI#权限对于那些担心这些事情的人,我已经细分了此扩展程序使用的权限(甚至没有被警告的权限)以及原因; @ tmpl.at/2gLRp3k#开源此扩展是开源的,可以在下面的GitHub上找到; @ tmpl.at/2kVK7OZ 支持语言:English
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值