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

时间:2013-10-17 09:03:19

标签: javascript html email

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

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

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

4 个答案:

答案 0 :(得分:5)

你不需要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;

答案 1 :(得分:5)

你去:

<a href="mailto:mail@address.com?subject=just-a-subject">Send a mail</a>
希望它有所帮助。

答案 2 :(得分:2)

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

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

答案 3 :(得分:1)

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