使用方式

将模板放在script标签里通过ID取用

    <script type="text/template" id="template">
        <ul>
            <%-- 注释：JavaScript模板 --%>
            <% for (var i = 0; i < users.length; i++) { %>
            <li><a href="<%=users[i].url%>" target="_blank"><%=users[i].name%></a></li>
            <% } %>
        </ul>
    </script>

然后通过JS操作渲染数据

    var data = [
        {'name': 'Google', 'url': 'https://www.google.com/'},
        {'name': 'Youtube', 'url': 'https://www.youtube.com/'},
        {'name': 'Facebook', 'url': 'https://www.facebook.com/'},
        {'name': 'GitHub', 'url': 'https://github.com/'},
        {'name': 'Twitter', 'url': 'https://twitter.com'},
        {'name': 'Stack Overflow', 'url': 'http://stackoverflow.com/'}
    ];

    document.getElementById('result').innerHTML = template('template', {users: data})

效果