template的使用

下载地址和例子：http://www.jq22.com/jquery-info1097

首先在header里面引入<script src="js/template.js"></script>

然后在body里

<div id="text"></div>     //写一个空的div，以后的数据都是放在这个里面的

<script id="test" type="text/html">    //注意这个里面的内容

//在这里写你想要在页面展示的内容，可以使任何的html内容

            <h1>{{title}}</h1>             <ul>                 {{each list as value i}}   、、这里是个遍历。                     <li>索引 {{i + 1}} ：{{value}}</li>                 {{/each}}             </ul>      

  </script>

    <script type="text/javascript">   、、这里才是真正的常见的js里的写法

//在这里你需要和上个script里面的内容对应的列出数据的具体内容，相当于为上面那些起名字的代号，写真正的数据

        var data = {             title: '标签',             list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']             };             var html = template('test', data);              document.getElementById('text').innerHTML = html;         </script>