代码

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>js简单模板引擎</title>

    <meta charset="utf-8" />

    <script src="Scripts/jquery-1.8.3.js"></script>

    <script src="Scripts/template-simple.js"></script>

    <script id="test" type="text/html">

        {{each list as item}}

        <tr>

            <td>{{item.name}}</td>

            <td>{{item.url}}</td>

        </tr>

            {{/each}}

    </script>

    <script type="text/javascript">

        $(function () {

            var data = [{ name: "百度", url: "www.baidu.com" }, { name: "博客园", url: "www.cnblogs.com" }];

            var html = template("test", { list: data });

            alert(html);

            $("#t1").html(html);

        });

    </script>

</head>

<body>

    <table id="t1"></table>

</body>

</html>
template-simple.js
												


											
js 简单模板引擎的更多相关文章
	

    
								
  1. Mustache.js前端模板引擎源码解读
		
    mustache是一个很轻的前端模板引擎,因为之前接手的项目用了这个模板引擎,自己就也继续用了一会觉得还不错,最近项目相对没那么忙,于是就抽了点时间看了一下这个的源码.源码很少,也就只有六百多行,所以 ...
    
		
    2. 
						
  2. jquery template.js前端模板引擎
		
    作为现代应用,ajax的大量使用,使得前端工程师们日常的开发少不了拼装模板,渲染模板 在刚有web的时候,前端与后端的交互,非常直白,浏览器端发出URL,后端返回一张拼好了的HTML串.浏览器对其进行 ...
    
		
    3. 
						
  3. js常用模板引擎
		
    baiduTemplate(百度).artTemplate(腾讯).juicer(淘宝).xtemplate.doT.Jade 1.Handlebars 是 JavaScript 一个语义模板库,通过 ...
    
		
    4. 
						
  4. require.js+knockout.js+.underscore模板引擎的使用
		
    第一种使用方式: HTML: <ul data-bind="template: { name: 'peopleList' }"></ul> <scri ...
    
		
    5. 
						
  5. 基于 Koa平台Node.js开发的KoaHub.js的模板引擎代码
		
    koahub-handlebars koahub-handlebars koahub handlebars templates Installation $ npm install koahub-ha ...
    
		
    6. 
						
  6. js 简易模板引擎 , 持续更新。。。
		
    <script> var _mytpl = (function(){ var _verson = 1.0; return { _data:{}, load:function(html,da ...
    
		
    7. 
						
  7. js数据绑定(模板引擎原理)
		
    <div> <ul id="list"> <li>11111111111</li> <li>22222222222< ...
    
		
    8. 
						
  8. js 模板引擎 - 超级强大
		
    本来没想写这篇文章,但是网上误导大众的文章太多了,所以今天就抽出半小时时间谈一下我对前端模板引擎的感受吧. 前端模板引擎相信大家都再熟悉不过了,市面上非常多的号称最好.最快.最牛逼的,随便就能找到一大 ...
    
		
    9. 
						
  9. doT.js 模板引擎的使用
		
    dot.js是一个模板框架,在web前端使用. dot.js作为模板引擎, 主要的用途就是,在写好的模板上,放进数据,生成含有数据的html代码. 这是很简单的web前端模板框架, 简单说几个东西,你 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. input屏蔽历史记录    ;function($,undefined) 前面的分号是什么用处   JSON 和 JSONP 两兄弟   document.body.scrollTop与document.documentElement.scrollTop兼容    URL中的#      网站性能优化    前端必知的ajax    简单理解同步与异步    那些年，我们被耍过的bug——has
			
    input屏蔽历史记录   设置input的扩展属性autocomplete 为off即可 ;function($,undefined) 前面的分号是什么用处   ;(function($){$.ex ...
    
			
    2. 
						
  2. HDU 5090 Game with Pearls（二分匹配）
			
    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5090 Problem Description Tom and Jerry are playing a  ...
    
			
    3. 
						
  3. tyvj2054 四叶草魔杖——连通块 & 状压DP
			
    题目:http://www.joyoi.cn/problem/tyvj-2054 把点分成几个连通块,和为0的几个点放在一块,在块内跑最小生成树作为这个块的代价: 然后状压DP,组成全集的最小代价就是 ...
    
			
    4. 
						
  4. Makefile 实际用例分析（一） ------- 比较通用的一种架构
			
    这里不再说Makefile的基本知识,如果需要学习,那么请参考: 下载:makefile 中文手册 或者 点击打开链接 或者 跟我一起写Makefile( 陈皓 ) 这里说的是一般的实际的一个工程应该 ...
    
			
    5. 
						
  5. 基于Hive的手机应用信息统计分析系统
			
    目录 项目概要 具体实现 HIVE查询 项目概要 需求 手机应用日志 定期离线分析手机应用新增用户.活跃用户.沉默用户.启动次数.版本分布和留存用户等业务指标. 工作流程 手机APP启动时,上报启动日 ...
    
			
    6. 
						
  6. 枚举类enum的values()方法
			
    value()方法可以将枚举类转变为一个枚举类型的数组,因为枚举中没有下标,我们没有办法通过下标来快速找到需要的枚举类,这时候,转变为数组之后,我们就可以通过数组的下标,来找到我们需要的枚举类.接下来 ...
    
			
    7. 
						
  7. PCB genesis SET取中心点--算法实现
			
    最新ICS工厂有一项incam脚本新需求,这里介绍5种解决方法解决 需求如下图所示:绿色所圈处是是需求出的中心点(图形间距一致归为一类并计算中心点坐标) 前题条件:1.一个SET里面可能有多个CAM, ...
    
			
    8. 
						
  8. codevs1230元素查找（hash）
			
    1230 元素查找  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 钻石 Diamond     题目描述 Description 给出n个正整数,然后有m个询问,每个询问一个 ...
    
			
    9. 
						
  9. node.js的模块引用
			
    1.模块的引用示例 var      math   =    require(‘math’): 在common.js规范中,存在require()方法,这个方法接受模块标识,此引引入一个模块的api  ...
    
			
    10. 
						
  10. [Swift通天遁地]五、高级扩展-(8)ImageView（图像视图）的各种扩展方法
			
    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...
    
			
    11.