HTML Javascript <%= %> tag

HTML Javascript <%= %> tag

本文关键字：gt tag Javascript HTML lt      更新时间：2023-09-26

在github上查看jquery插件的源代码时，我偶然发现了<%= %>标签的奇怪用法。我知道 erb 使用这些标签来执行 HTML 文档中的 ruby 代码，但我从未见过在 javascript 中使用过。据我所知，标签在与 erb 相同的上下文中使用，而是执行 Javascript 代码。这些标签是如何工作的，在哪里可以找到有关它们的更多信息？

示例代码：

</div>
 <div class="clndr-grid">
  <div class="days-of-the-week">
    <% _.each(daysOfTheWeek, function(day) { %>
      <div class="header-day"><%= day %></div>
    <% }); %>
    <div class="days">
      <% _.each(days, function(day) { %>
        <div class="<%= day.classes %>"><%= day.day %></div>
      <% }); %>
    </div>
  </div>
 </div>
</div>

这是使用underscore.js，尤其是库的模板功能：

更多信息在这里：

http://underscorejs.org/#template

当你构建一个JavaScript应用程序时，你几乎肯定会使用 一些 JavaScript 模板。而不是使用像jQuery这样的库(或 vanilla JavaScript(要在值更新时更新您的 HTML，您可以 使用模板，它可以极大地清理您的代码。

有很多，其中一些是

  1. 下划线文档
  2. Github 上的胡须模板文档

参考 creativebloq.com 阅读更多 点击这里

相关文章：