代码

<!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. PHP移动互联网开发笔记（3）——运算符
			
    原文地址:http://www.php100.com/html/php/rumen/2014/0326/6704.html 一.PHP的运算符 PHP中有丰富的运算符集,它们中大部分直接来自于C语言. ...
    
			
    2. 
						
  2. LeetCode 551. Student Attendance Record I (学生出勤纪录 I)
			
    You are given a string representing an attendance record for a student. The record only contains the ...
    
			
    3. 
						
  3. 在VM中安装Android4.4连接小米手机 之 安装小米手环APP
			
    1.下载APP 在能够上网的情况的,搜索 小米手环APP就能够找到下载地址 2.安装APP 进入终端 3.在终端按下图红色区域语句依次输入. 先进入超级用户 找到下载的APP所在的路径 然后进入该路径 ...
    
			
    4. 
						
  4. 为何Google这类巨头会认为敏捷开发原则是废话？
			
    [编者按]这是一个来自Quora的问题.Rocket程序员Jasmine Adamson在文中表达了敏捷开发原则是废话的观点,他觉得现实生活中没有什么人会推崇这些原则来工作,不过他们仍然在说其所做的是 ...
    
			
    5. 
						
  5. Java 数组的 12 个方法
			
    1.  声明一个数组 String[] aArray = new String[5]; String[] bArray = {"a","b","c&q ...
    
			
    6. 
						
  6. residual sum of squares(ESL 读书笔记)
			
    The learning algorithm has the property that it can modify its input/output relationship f-hat in re ...
    
			
    7. 
						
  7. 特征选择--->卡方选择器
			
    特征选择(Feature Selection)指的是在特征向量中选择出那些“优秀”的特征,组成新的.更“精简”的特征向量的过程.它在高维数据分析中十分常用,可以剔除掉“冗余”和“无关”的特征,提升学习 ...
    
			
    8. 
						
  8. PCB NOSQL  MongoDb  MI流程指示数据存储结构
			
    一.MI流程指示结构 二.产品型号树结构(即盲埋孔板型号结构) 三.MI流程指示UI 小结:1.MI流程指示使用的表非常之多(30多张表),存储的数据分散到各个表中,而NOSQL 一个产品型号一条记录 ...
    
			
    9. 
						
  9. Gym - 100162G 2012-2013 Petrozavodsk Winter Training Camp G. Lyndon Words 暴力枚举
			
    题面 题意:如果一个字符串的最小表示法是他自己,他就是一个Lyndon Word. 例如  aabcb 他的循环串有 abcba  bcbaa cbaab baabc 其中字典序最小的是他自己 现在给 ...
    
			
    10. 
						
  10. 如何看待B站疑似源码泄漏的问题？
			
    今天突然看到关于B站源码泄漏事.网曝B站整个网站后台工程源码遭泄露,开源项目平台Github上疑似出现了Bilibili网站后台工程,内含部分用户名密码.目前官方还没对此事作出任何回应,所以还无法确定 ...
    
			
    11.