Loading... ## 前言 最近有朋友私戳我，问我时光机页面的邮箱处的链接是怎么实现点击链接调用邮箱软件发送邮件的，这里便介绍一下 `mailto` 这个链接参数的用法。 ## 代码实现 其实，点击链接核心仍然是 `<a>` 网页标签，一般来说我们都会在 `<a>` 标签的 `href`属性中填写跳转的网页地址 `URL`，而这个 `URL` 中一般都包含了一个协议头，比如 `href="http://xxx.com"` 或者 `href="https://xxx.com"` 其中的 `http` `https` 就是协议头，它指明了我这个链接是个网页的链接。 那如何实现发送邮件呢？其实只要把这个协议头改掉就好了，比如你要让其他人点击链接发送邮件到 `admin@xxx.com`, 你就把 `<a>` 标签的 `href`属性写成 ```html <a href="mailto:admin@xxx.com"></a> ``` 即可实现点击链接发送邮件！ ## 其他参数 上面的邮箱地址是必选的，还有很多其他的属性可选，已实现不同的功能，这里列一个表 | 功能 | 关键字 | 功能详解 | 举例 | | :-: | :-: | :-: | :- | | 邮箱地址 | `mailto` | 浏览器会自动调用客户端的默认电子邮件程序，并在收件人栏自动填上你设置的收件人地址 | `发送` | | 抄送地址 | `cc=` | 在收件人后面用 `cc=user@xxx.cn`可以实现邮件抄送 | `发送` | | 密件抄送 | `bcc=` | 在收件人后面用 `bcc=user@xxx.cn`可以实现密件抄送 | `发送` | | 多个收件人、抄送、密件抄送 | `;` | 用分号隔开多个地址可以实现给多个地址发送邮件 | `发送` | | 邮件主题 | `subject=` | 自动添加邮件主题 | `发送` | | 邮件内容 | `body=` | 自动填充邮件内容 | `发送` | <div class="tip inlineBlock warning"> 如果 mailto 后面同时有多个参数的话，第一个参数必须以 ? 开头，后面的参数每一个都以 & 分隔。 </div> 最后修改：2020 年 10 月 11 日 04 : 52 PM © 允许规范转载 赞赏 如果觉得我的文章对你有用，请随意赞赏 ×Close 赞赏作者 扫一扫支付 支付宝支付 微信支付
