如何使用文本DOM标记作为原型模板?

Resig to the rescue:

您还可以内联脚本:

<script type="text/html" id="user_tmpl">
  <% for ( var i = 0; i < users.length; i++ ) { %>
    <li><a href="<%=users[i].url%>"><%=users[i].name%></a></li>
  <% } %>
</script>

快速提示:在 具有未知内容类型的页 (这里就是这样-浏览器 不知道如何执行 文本/html脚本)被忽略 通过浏览器和搜索引擎 以及屏幕阅读器。这是完美的 用于隐藏模板的隐藏设备 进入你的页面。我喜欢用这个 快速脏箱技术 我只需要一个小模板或 两张纸,想要点什么 轻快。

你可以从脚本中使用它 所以:

var results = document.getElementById("results");
results.innerHTML = tmpl("item_tmpl", dataObject);

似乎可以将模板源嵌入 textarea 标记而不是 div 然后用 Element#value .

当然,这让标记有点奇怪,但对设计师来说仍然相当友好。

此外,正如Jason在对原始问题的评论中指出的,包括 img 文本区域中的标记可防止对无效图像的虚假请求。