代码

<!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. GDIPlus绘制桌面歌词
			
    功能介绍 採用GDIPlus绘制桌面歌词,相似酷狗.QQ音乐等软件.歌词支持纯色.两色渐变.三色渐变:支持高亮歌词. 实现方法 窗体部分:桌面歌词是个独立的背景透明窗体.能够移动位置,能够鼠标穿透.透 ...
    
			
    2. 
						
  2. Centos 7 nginx-1.12.0编译安装
			
    参考:http://www.nginx.cn/install 也不知道我的系统是否有这些依赖包,试试吧?缺少哪些我就装哪些吧,多踏点坑总是能学到点东西的．   获取nginx包 http://ngin ...
    
			
    3. 
						
  3. 第14章4节《MonkeyRunner源代码剖析》 HierarchyViewer实现原理-装备ViewServer-port转发
			
    在初始化HierarchyViewer的实例过程中,HierarchyViewer会调用自己的成员方法setupViewServer来把ViewServer装备好,那么我们这里先看下这种方法: 39  ...
    
			
    4. 
						
  4. Cocos2d-x可以实现的效果总结
			
    Cocos2d-x可以实现的效果总结  动作(Actions) move移动:moveto/moveby 从一个位置移动到另外一个位置 从一个位置移动多少数量级 rotate旋转:rotateto/r ...
    
			
    5. 
						
  5. unique(V.begin(),V.end())
			
    unique(V.begin(),V.end()) 重排容器算法:sort,unique unique  返回指向不重复区域之后一个位置的迭代器 ///删除vstr中重复的元素 void delete ...
    
			
    6. 
						
  6. 编码格式（UTF-8 与 ANSI）各种编码解码（encode、decode）
			
    Windows:默认为 ANSI,记事本程序另存为处,可以设置其他编码格式: Ubuntu:默认为 UTF-8 1. ANSI ANSI 编码表示英文字符时用一个字节,表示中文用两个或四个字节 --  ...
    
			
    7. 
						
  7. bzoj 4537 最小公倍数
			
    给定一张N个顶点M条边的无向图 每条边上带有权值 所有权值都可以分解成2^a*3^b的形式 q个询问,每次询问给定四个参数u.v.a和b,请你求出是否存在一条顶点u到v之间的路径,使得路径依次经过的边 ...
    
			
    8. 
						
  8. 【POJ 3614】 Sunscreen
			
    [题目链接] http://poj.org/problem?id=3614 [算法] 将MinSPF从大到小排序,每头牛找SPF值最大的防晒霜 [代码] #include <algorithm& ...
    
			
    9. 
						
  9. qtree4
			
    https://zybuluo.com/ysner/note/1236834 题面 给出一棵边带权的节点数量为\(n\)的树,初始树上所有节点都是白色.有两种操作: 改变节点\(x\)的颜色,即白变黑 ...
    
			
    10. 
						
  10. IJ：IJ笔记1
			
    ylbtech-IJ:IJ笔记1 1. 下拉框返回顶部 1. <form:select id="type" path="baseId" class=&qu ...
    
			
    11.