如何使用JavaScript模板？

Question

当我在某些网站上浏览时，我经常查看源代码，在一些网站上我遇到了“脚本模板”。它们看起来非常好，而且很容易实现。

我将如何使用它们？无法在互联网上找到任何体面的教程。

感谢。

Answer 1

相当简单。您定义了一个未知类型的script标记，通常是这样的：

<script type="text/html" id="myTemplate">
   <div>
      ...
   </div>
</script>

然后将其放入HTML中。

浏览器会忽略脚本的内容以进行渲染，并且由于非标准类型而不会尝试执行它。

然后，您只需按ID document.getElementById('myTemplate')检索它，然后随心所欲。

Answer 2

我推荐使用Enfusion Framework来完善HTML模板。 您可以模板化不同的数据类型

http://www.enfusion-framework.org/