javascript - 如何将变量传递到 HTML 正文中

Question

我创建了这个脚本，它允许我选择特定的食物和份量，然后计算营养值(value)，将其添加到数据库中，在一天结束时对所有内容求和并给我发一封电子邮件，其中包含概述。几乎一切正常，我只是无法将脚本中的一些变量传递到 HTML 格式的电子邮件中。

在下面的代码部分中，totals 是电子表格范围内的数据值。我希望 calories、caloriesFromFat 和 polyFat 的检索值替换电子邮件 htmlBody 中的匹配文本。

 var calories = totals[0][25];
    var caloriesFromFat = totals[0][26];
    var polyFat = totals[0][27];
  }
//Sends email with summary
    MailApp.sendEmail({
     to: "user@example.com",
     subject: "Daily Intake Log",
     htmlBody:  <table style="width:100%">
  <tr>
    <td>Calories</td>
    <td>calories</td>       

  </tr>

  <tr>
    <td>Calories From Fat</td>
    <td>caloriesFromFat</td>        

  </tr>

  <tr>
    <td>PolyUnsaturated</td>
    <td>polyFat</td>        

  </tr>

</table>

   });

当我将变量 calories、caloriesFromFat 和 polyFat 的内容输出到日志时，它们都包含它们应该包含的数字。但是当我收到电子邮件时，它不会插入变量的内容，只会留下变量的名称，例如卡路里。

如何将计算值发送到我的电子邮件中？

Answer 1

HTML 必须是字符串(文本)，您需要使用文本公式构建 HTML。 JavaScript 中的文本字符串用加号放在一起(连接):

var tableHTML = '<table style="width:100%">' + //Note single quotes on ends
   "<tr><td>Calories</td><td>" +
   calories + 
   "</td></tr>" +
   "<tr><td>Calories From Fat</td><td>" + 
   caloriesFromFat + 
   "</td></tr>" +
   "<tr><td>PolyUnsaturated</td><td>" + 
   polyFat + 
  "</td></tr>" +
   "</table>";

如果在 HTML 属性中使用双引号，则在字符串的末尾使用单引号。然后只需使用电子邮件 HTML 的变量名称:

htmlBody: tableHTML