javascript - 创建 html 模板 textarea 或 script 或 div 或其他

Question

我见过使用以下任何标签创建的 html 模板

<textarea>
<script>
<div>

哪个更好，为什么？

以下哪种创建 html 模板的方式更好？

CSS：

.template {
  display: none;
}

文本区域：

<textarea class="template" id="tmpl1">
  <div>adfsdfsdfs</div>
</textarea>

脚本：

<script type="text/html" id="tmpl1">
  <div>adfsdfsdfs</div>
</script>

分区：

<div class="template" id="tmpl1">
  <div>adfsdfsdfs</div>
</div>

我在这里遇到了script标签问题

score 0 · Accepted Answer

我建议以上选项都不要看一下 Mustache，它是由 git hub 的创始人之一创建的

绝对是我最喜欢的 html 模板制作方式

score 0 · Accepted Answer

他们都是糟糕的选择。

textarea旨在接受用户输入

div元素旨在向用户呈现内容

脚本元素旨在保存程序

如果您想将模板嵌入 HTML 文档，那么我会编写一个 JavaScript 程序将其存储在一个变量中（并使用 json 序列化程序生成分配给该变量的 JavaScript 文字）。然后该程序可以进入脚本元素。

或者，将模板存储在data-*适当元素的属性中。

2 回答 2