javascript - 如何使用 javascript 创建一个电子邮件按钮

Question

我找不到与我的问题真正匹配的帖子，所以我们开始吧：

我想在我的网站上实现一个“通过邮件共享”按钮，因此当您单击该按钮时，假设 Outlook 或 Thunderbird 打开，并为您提供在新邮件中共享网站链接的选项。

我不太确定，但我认为仅使用 html 将无法完全做到这一点，因为当您链接到他们的共享站点时，facebook ie 也在运行 JS。

Answer 1

你不需要javascript。只是一个简单的HTML：

<a id="emailMe" href="mailto:example@website.com">e-mail me</a>

您也可以定义一个主题，但您必须记住您只能使用字符 az 和数字 0-9。其他字符必须是 url 编码的，例如主题“这是一个主题”应该这样编码

<a id="emailMe" href="mailto:example@website.com?subject=This%20is%20a%20subject">e-mail me</a>

如果您不想手动编码每个非常明显的字符，那么这里终于出现了 javascript：

var subject = "This is a subject";
var subjectEncoded = encodeURIComponent(subject);
document.getElementById('emailMe').href = "mailto:example@website.com?subject=" + subjectEncoded;

Answer 2

干得好：

<a href="mailto:mail@address.com?subject=just-a-subject">Send a mail</a>

希望它有所帮助。

Answer 3

带有 js 的电子邮件链接

var mydiv = document.getElementById("myDiv");
var aTag = document.createElement('a');
aTag.setAttribute('href',"mailto:me@mail.com?subject=Subject&body=message%20goes%20here");
aTag.innerHTML = "share via mail";
mydiv.appendChild(aTag);

Answer 4

<a href="mailto:?Subject=SubjectHere&body=ThisIsTheMailtext">

你为什么要使用javascript？现在它打开了，你必须把收件人放在 /its 空）。