网站中JavaScript调用mailto标签无法实现邮件发送的问题

嘿，我来帮你搞定这个mailto发送邮件的问题！

首先得明确一个核心点：mailto: 协议不是直接从网页发送邮件，它的作用是唤起用户本地的邮件客户端（比如Outlook、苹果邮件、Thunderbird这类），由客户端来完成邮件发送操作。你之前没收到邮件，大概率是代码逻辑有疏漏，或者本地邮件客户端的配置出了问题。

一、正确的代码实现 #

先给你一套能正常工作的HTML+JS代码，你可以参考对比自己的写法：

HTML部分 #

<textarea id="emailContent" rows="5" placeholder="输入邮件内容..."></textarea>
<button id="sendBtn">发送邮件</button>

JavaScript部分 #

document.getElementById('sendBtn').addEventListener('click', function() {
  // 获取textarea里的内容，先去掉首尾空白
  const emailBody = document.getElementById('emailContent').value.trim();
  
  // 先判断内容是否为空
  if (!emailBody) {
    alert('请先输入邮件内容哦！');
    return;
  }

  // 关键步骤：对内容编码，避免换行、&、空格这类特殊字符破坏mailto参数
  const encodedBody = encodeURIComponent(emailBody);
  
  // 构造完整的mailto链接，可自定义收件人、主题
  const mailtoUrl = `mailto:你的收件邮箱@example.com?subject=来自网页的邮件&body=${encodedBody}`;
  
  // 唤起邮件客户端
  window.location.href = mailtoUrl;
});

二、你之前没收到邮件的可能原因 #

• 本地邮件客户端未配置：如果你的设备上没有设置默认邮件客户端，或者客户端里的邮箱账号SMTP配置错误，mailto只是唤起了客户端，但客户端根本发不出邮件，自然收不到。
• 内容未编码：如果textarea里有换行、&、空格这类特殊字符，直接放到mailto的body参数里会导致参数截断，邮件正文可能为空或不完整，用encodeURIComponent()就能解决这个问题。
• 浏览器拦截了跳转：部分浏览器会默认拦截mailto的跳转请求，你可以检查浏览器的弹窗拦截设置，允许当前网站的跳转操作。
• 邮件被归为垃圾邮件：即使客户端成功发送，收件方的邮箱可能把这封邮件判定为垃圾邮件，记得去垃圾邮件文件夹里找找看。

三、额外提醒 #

如果你的需求是不需要用户本地客户端，直接从网页后台发邮件，那mailto就满足不了了——这种情况得用后端语言（比如PHP、Node.js）调用SMTP服务，或者借助第三方邮件API来实现。

内容的提问来源于stack exchange，提问作者user9242569