js 简单模板引擎

weixin_30412167

于 2019-05-08 09:12:00 发布

阅读量194

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/kikyoqiang/p/10829839.html

此博客转载了一段代码，原文链接为https://www.cnblogs.com/kikyoqiang/p/10829839.html ，涉及JavaScript技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码

<!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>