网页邮件发送需结合前端与后端：一、用mailto:链接调用本地邮件客户端，预填信息但依赖环境；二、用Ajax调用后端API通过SMTP发信，可反馈状态；三、用表单+隐藏iframe实现兼容性提交；四、集成SendGrid等第三方SDK，需安全传递密钥。
如果您希望在网页中实现邮件发送功能，HTML5本身不提供直接发送邮件的能力，但可以通过mailto:协议触发本地邮件客户端，或结合后端接口通过Ajax提交邮件内容。以下是两种主要实现方式：
一、使用mailto:链接触发系统默认邮件客户端
mailto: 是一种URI方案，浏览器点击该链接时会调用用户设备上配置的默认邮件程序（如Outlook、Mail、Thunderbird等），并预填收件人、主题、正文等内容。该方法无需服务器参与，完全在前端完成，但依赖用户本地环境且无法控制发送结果。
1、在HTML中插入带有mailto:协议的超链接，格式为 mailto:邮箱地址?subject=主题&body=正文。
2、对subject和body中的中文及特殊字符进行URL编码，例如将“你好”编码为%e4%bd%a0%e5%a5%bd。
立即学习“前端免费学习笔记（深入）”；
3、可选添加cc、bcc、to等参数，多个收件人用英文逗号分隔，如mailto:a@example.com,b@example.com?cc=c@example.com。
4、在链接中设置target="_blank"避免当前页面跳转丢失上下文。
二、通过Ajax调用后端邮件接口发送邮件
该方式将邮件内容提交至已部署的后端服务（如Node.js、PHP、Python Flask等编写的API），由服务器调用SMTP服务（如Gmail、QQ邮箱、企业邮箱服务器）完成真实投递。用户无需安装邮件客户端，且可实现发送状态反馈与错误处理。
1、确保后端已提供接收邮件参数的HTTP接口，支持POST方法，接受JSON格式数据，包含to、subject、body等字段。
2、前端使用fetch或XMLHttpRequest构造请求，设置Content-Type为application/json，并将邮件信息序列化为JSON对象。
3、在请求头中添加必要的认证信息（如Authorization Bearer token或API key），若接口要求身份校验。
4、监听响应状态，对status为200的响应解析返回体确认发送是否成功；对4xx/5xx状态捕获错误并提示用户。
三、使用表单配合隐藏iframe模拟无刷新提交（兼容性增强方案）
针对不支持fetch或需规避CORS限制的旧环境，可采用传统表单提交至同源后端脚本，并将target设为隐藏iframe，从而避免页面跳转，实现类Ajax效果。该方法不依赖JavaScript运行时，但需后端返回可被iframe加载的HTML响应。
1、创建一个type="hidden"的iframe，设置id和name属性，例如。
2、编写
