arttemplate模板--字符串拼接中使用模板语法

最新推荐文章于 2025-06-29 16:17:47 发布

原创最新推荐文章于 2025-06-29 16:17:47 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

34 篇文章

订阅专栏

本文详细介绍了在JavaScript中使用ArtTemplate库进行字符串拼接的方法，重点讲解了如何利用模板语法提高效率和可读性。通过实例演示了模板的使用，包括变量插入、条件判断和循环结构，帮助开发者更好地理解和应用ArtTemplate。

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

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>compile-demo</title>
    <script src="template.js"></script>
</head>

<body>
<h1>在javascript中存放模板</h1>
<div id="content"></div>
<script>
    var film= {name:'美人鱼',lead:'周星驰',role:'邓超'}
    var source = '<strong>{{name}}</strong>'
            +  '<strong>{{lead}}</strong>'
            +  '<strong>{{role}}</strong>'

    var render = template.compile(source);
    var html = render(film)
    document.getElementById('content').innerHTML = html;

// 封装成函数
    //三个参数
    function artTemplate(id,html,data){
        var render = template.compile(html);
        var str = render(data)
        document.getElementById(id).innerHTML = str;
    }
    //使用 artTemplate('content',source,film)

</script>
</body>
</html>