在网页中添加点击发邮件的链接

Rainshaw

2019 年 03 月 06 日

1955 次浏览

暂无评论

922字数

HTML 折腾分享

<div class="tip share">请注意，本文编写于 1261 天前，最后修改于 676 天前，其中某些信息可能已经过时。</div>

## 前言

最近有朋友私戳我，问我时光机页面的邮箱处的链接是怎么实现点击链接调用邮箱软件发送邮件的，这里便介绍一下 `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=` | 自动填充邮件内容 | `发送` |

如果 mailto 后面同时有多个参数的话，第一个参数必须以 ? 开头，后面的参数每一个都以 & 分隔。
</div>

最后修改：2020 年 10 月 11 日