代码

<!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. xcode执行后没看到输出的解决的方法
			
    今天刚在虚拟机中的mac苹果里安装xcode.然后開始看Objective-C. 安装完后由于有默认的代码输出Hello world! ,所以就尝试执行了一发: 可惜没看到输出在哪,尼玛.还以为刚開始 ...
    
			
    2. 
						
  2. ubuntu下安装jre
			
    jre下载地址:http://www.java.com/en/download/manual.jsp 1.将下载好的jre-7u55-linux-x64.tar.gz文件解压缩,得到jre1.7.0_ ...
    
			
    3. 
						
  3. HDU5501/BestCoder Round #59 (div.2)The Highest Mark dp+贪心
			
    The Highest Mark 问题描述 2045年的SD省队选拔,赛制和三十年前已是完全不同.一场比赛的比赛时间有 tt 分钟,有 nn 道题目. 第 ii 道题目的初始分值为 A_i(A_i \ ...
    
			
    4. 
						
  4. linux常用命令---持续添加中...
			
    1.cp -r  源文件夹  目的文件夹   // -r 可递归所有子目录及文件 2.grep -r 查找内容 ./*    //递归查找当前目录下所有文件指定内容 3. 查看系统运行时间 who - ...
    
			
    5. 
						
  5. Bing Maps进阶系列三：使用地图图像服务（ImageryService）
			
    Bing Maps进阶系列三:使用地图图像服务(ImageryService) 地图图像服务(ImageryService)提供了根据地理位置(经度和纬度)坐标和地图的缩放级别解析出对应于地图图片系统 ...
    
			
    6. 
						
  6. python pass 的用法
			
    python pass用法 1.空语句 do nothing 2.保证格式完整 3.保证语义完整 4.以if语句为例: C/C++中写法: if(true) ; // do nothing else  ...
    
			
    7. 
						
  7. bzoj4591 [Shoi2015]超能粒子炮·改——组合数学(+求阶乘逆元新姿势)
			
    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=4591 这题不是很裸啊(所以我就不会了) 得稍微推导一下,看这个博客好了:https://bl ...
    
			
    8. 
						
  8. oracle查询时间段
			
    select count(*) tt from crm_cisco_call_detailwhere DateTime between to_date('2016-4-5 00:00:00','yyy ...
    
			
    9. 
						
  9. Java开源JSP标签库
			
    01displytag 与Struts结合使用最出名的一个tag主要是显示表格数据很漂亮.完善. 02cewolf tag 用来在web上显示复杂图形报表的一个jsp tag. 03Loading T ...
    
			
    10. 
						
  10. 我们的微信小程序开发
			
    基于微信小程序的系统开发准备工作 腾讯推出微信小程序也有一段时间了,在各种行业里面也都掀起一阵阵的热潮,很多APP应用被简化为小程序的功能迅速推出,同时也根据小程序的特性推出各种独具匠心的应用,相对传 ...
    
			
    11.