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

Rainshaw

March 6, 2019

227views

No comments

1165字数

HTML 折腾分享

前言

最近有朋友私戳我，问我时光机页面的邮箱处的链接是怎么实现点击链接调用邮箱软件发送邮件的，这里便介绍一下 mailto 这个链接参数的用法。

代码实现

其实，点击链接核心仍然是 <a> 网页标签，一般来说我们都会在 <a> 标签的 href属性中填写跳转的网页地址 URL，而这个 URL 中一般都包含了一个协议头，比如 href="http://xxx.com" 或者 href="https://xxx.com" 其中的 http https 就是协议头，它指明了我这个链接是个网页的链接。

那如何实现发送邮件呢？其实只要把这个协议头改掉就好了，比如你要让其他人点击链接发送邮件到 admin@xxx.com, 你就把 <a> 标签的 href属性写成

<a href="mailto:admin@xxx.com"></a>

即可实现点击链接发送邮件！

其他参数

上面的邮箱地址是必选的，还有很多其他的属性可选，已实现不同的功能，这里列一个表

功能	关键字	功能详解	举例
邮箱地址	`mailto`	浏览器会自动调用客户端的默认电子邮件程序，并在收件人栏自动填上你设置的收件人地址	`<a href="mailto:admin@xxx.cn">发送</a>`
抄送地址	`cc=`	在收件人后面用`cc=user@xxx.cn`可以实现邮件抄送	`<a href="mailto:admin@xxx.cn?cc=user@xxx.cn">发送</a>`
密件抄送	`bcc=`	在收件人后面用`bcc=user@xxx.cn`可以实现密件抄送	`<a href="mailto:admin@xxx.cn?bcc=user@xxx.cn">发送</a>`
多个收件人、抄送、密件抄送	`;`	用分号隔开多个地址可以实现给多个地址发送邮件	`<a href="mailto:admin@xxx.cn;user@xxx.cn">发送</a>`
邮件主题	`subject=`	自动添加邮件主题	`<a href="mailto:admin@xxx.cn?subject=发送邮件">发送</a>`
邮件内容	`body=`	自动填充邮件内容	`<a href="mailto:admin@xxx.cn?body=邮件内容">发送</a>`

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

版权属于：Rainshaw
本文链接：https://www.ruixiaolu.com/archives/20190306-25.html
版权声明：所有文章均采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的。

如果博客部分文章出现空白或异常，请留言或者联系博主修复。

代码实现