前端 javascript 发送邮件

前端 JavaScript 发送邮件通常通过 HTML 的 `<form>` 结构配合 `mailto:` 协议来完成，这是一种模拟用户直接点击发送邮件的行为，而不是从服务器端真正地发送邮件。以下是简单的步骤：

1. 创建表单元素：

<form action="mailto:recipient@example.com">
    <input type="text" name="subject" placeholder="主题">
    <textarea name="message" placeholder="内容"></textarea>
    <button type="submit">发送</button>
</form>

这里的 `recipient@example.com` 需要替换成实际的收件人邮箱地址。

2. 表单提交事件：
当用户点击 "发送" 按钮时，表单默认会触发 `submit` 事件，这实际上不会真的发送邮件，而是会打开用户的默认邮件客户端预填充好邮件信息。

如果你想创建一个看起来像发送按钮但实际上可以模拟发送邮件的行为，可以使用 JavaScript（比如 `preventDefault()` 阻止默认的表单提交行为，并使用 `fetch` 或 `XMLHttpRequest` 来模拟数据发送过程，但这通常不在浏览器的安全策略范围内，因为真正的邮件发送需要后端支持。

需要注意的是，在浏览器环境中，JavaScript 本身不具备直接发送电子邮件的功能，除非是在某些特殊的环境如Node.js环境下使用第三方库如 Nodemailer。