代码

<!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. UNIX网络编程——网络I/O模型
			
    在学习UNIX网络编程的时候.一開始分不清 同步 和 异步,所以还是总结一下,理清下他们的差别比較好. IO分类 IO依据对IO的调度方式可分为堵塞IO.非堵塞IO.IO复用.信号驱动IO.异步IO. ...
    
			
    2. 
						
  2. LeetCode 720. Longest Word in Dictionary （字典里最长的单词）
			
    Given a list of strings words representing an English Dictionary, find the longest word in words tha ...
    
			
    3. 
						
  3. oc67--NSString1
			
    // // main.m // NSString基本概念 // Foundation框架,苹果有80多个框架,Foundation有125个头文件. #import <Foundation/Fo ...
    
			
    4. 
						
  4. Changing the Output Path in your Web Applications is a bad idea
			
    http://lnbogen.com/2006/09/20/changing-the-output-path-in-your-web-applications-is-a-bad-idea/ Let’s ...
    
			
    5. 
						
  5. AD、DNS、DHCP、IIS、WINS的形象定义及关系
			
    AD-实际是就是一个包括所有信息的数据库,和现实生活中就将其比作派出所,所有的信息都要进入他那的数据库当中(包括人员姓名(计算机名.账号.密码等) DNS就是建立起关联起好记忆的名称,比如你家的位置用 ...
    
			
    6. 
						
  6. 【Codevs1322】单词矩阵
			
    Position: http://codevs.cn/problem/1322/ List Codevs1322 单词矩阵 List Description Input Output Sample I ...
    
			
    7. 
						
  7. 关于pycharm中pip版本10.0无法使用的解决办法
			
    背景: 近期在利用 pycharm 安装第三方库时会提示 pip 不是最新版本, 因此对 pip 进行更新,但是生成最新版本之后, pip 中由于缺少 main 函数,导致在 pycharm 中无法自 ...
    
			
    8. 
						
  8. 如何自学编程，零基础适合学习Java或者Web前端吗，非科班的能学java吗？
			
    很多人都会选择自学Java或者前端,相信有在校的大学生,有正在上班想转行的,也有已经在自学的.下面通过几个问题我来给大家分析学习编程的难易程度. 编程是什么? 通俗的理解,编程就是编写程序,哪什么是程 ...
    
			
    9. 
						
  9. JSP所需要掌握的部分
			
    JSP基本语法 指令 <%@ 指令%> JSP指令是JSP的引擎 主要的两种指令是page和include(taglib) <%@ page import="java.ut ...
    
			
    10. 
						
  10. linux php全能环境一键安装，小白福利！
			
    phpStudy Linux版&Win版同步上线 支持Apache/Nginx/Tengine/Lighttpd/IIS7/8/6 phpStudy for Linux 支持Apache/Ng ...
    
			
    11.