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

Question

我找不到真正符合我问题的帖子，所以我们走了：

我想在我的网站上实现“通过邮件共享”按钮，所以当您点击按钮时，请打开outlook或thunderbird，并为您提供在新邮件中共享网站链接的选项。

我不太确定，但我认为我不能仅使用html完全执行此操作，因为当你链接到他们的共享网站时，facebook也会运行JS。

Answer 1

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

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

您还可以定义主题，但必须记住，您只能使用字符a-z和数字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

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

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

Answer 4

与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);