Javascript 电子邮件链接

在网页中，经常需要添加电子邮件链接，以便让用户直接发送邮件，而不必手动复制粘贴收件人和主题。Javascript 可以动态地生成电子邮件链接，而且提供了一些方便的功能。

基础电子邮件链接

最简单的电子邮件链接由一个 mailto 协议和一个收件人地址组成。例如，要发送邮件到 test@example.com：

<a href="mailto:test@example.com">发送邮件</a>

这个链接会在点击时打开用户的默认邮件客户端，并自动填写收件人地址。但并没有提供更多的信息。

添加主题和正文

有时候我们需要在邮件中添加主题和正文，让用户直接填写内容。可以在 mailto 后面加上 ?subject= 和/或 &body= 参数。例如：

<a href="mailto:test@example.com?subject=这是邮件主题&body=这是邮件正文">发送邮件</a>

这个链接会在邮件中添加主题和正文，注意主题和正文中的空格和特殊字符需要进行 URL 编码，否则可能出现问题。

动态生成链接

上面的例子是静态的，我们需要手动设置收件人地址、主题和正文。实际上，我们可以通过 Javascript 动态地生成链接，不同的页面可以生成不同的链接。例如：

const emailLink = document.createElement('a');
emailLink.href = 'mailto:test@example.com?subject=' + encodeURIComponent('这是邮件主题') + '&body=' + encodeURIComponent('这是邮件正文');
emailLink.textContent = '发送邮件';
document.body.appendChild(emailLink);

这个例子创建了一个链接元素，并将其添加到页面中。其中，encodeURIComponent 函数会对字符串进行 URL 编码。我们可以根据页面的需要，生成自定义的链接。

小结

Javascript 可以方便地生成电子邮件链接，在网页中方便地让用户发送电子邮件，并自动填写收件人地址、主题和正文。通过动态生成链接，我们可以根据需要设置收件人和内容。