时间戳

首页 > 解决方案 > 如何在 HTML 邮件正文部分的 JS 文件中添加变量？

javascript - 如何在 HTML 邮件正文部分的 JS 文件中添加变量？

问题描述

这是关于我正在尝试构建的 Google Chrome 扩展程序。

我目前有 2 个文件。一个 JS 文件和一个 HTMl 文件。

我想在我的 HTML 文件中使用 JS 变量。但我在我的 HTMl 文件中使用了“mailto”功能。因此，当有人点击 HTML 文件中的图片时，它会自动为用户打开电子邮件客户端并自动填充“收件人”、“主题”和“正文”字段。

因此，我的 JS 文件中有一个变量，我希望将该变量的值附加到电子邮件收件箱的正文部分。

所以，我的问题是我该怎么做？

所以这是我的 JS 文件 -

var all_details = "Core = " + core + "\n" + "Workspace GUID = " + workspaceId + "\n" + "Model GUID = " + modelId;

console.log(all_details);

// 所以在这里，我想要 HTML mailto body 字段中“all_details”变量中的所有数据。

这是我的 HTML 代码 -

<a id= "insert" href="mailto:abc@google.com?subject=Issue &body=${all_details}" target="_blank"><img border="0" src="support.png" width="50" height="50" title="Have questions?"></a>
<h3>Contact Us</h3>

所以，我希望当我点击上面的图片（从 HTML src 获取）时，它应该打开一个电子邮件收件箱（它现在确实打开了）。

我只想将来自我的 JS 的“所有详细信息”变量的内容/数据粘贴到电子邮件收件箱的正文部分。

标签： javascripthtmlmailto

解决方案

除了硬编码href到href. 你也可以摆脱target="_blank". 此外，您也不需要锚链接。

var all_details = "testdata";

document.getElementById("insert").addEventListener("click",function(e){
     e.preventDefault();
     location.href = "mailto:abc@google.com?subject=Issue &body=" + all_details;
});
 #insert{cursor:pointer;}
<img id= "insert" border="0" src="support.png" width="50" height="50" title="Have questions?">
<h3>Contact Us</h3>

推荐阅读