日月明

在网页中添加点击发邮件的链接
前言最近有朋友私戳我,问我时光机页面的邮箱处的链接是怎么实现点击链接调用邮箱软件发送邮件的,这里便介绍一下 mai...
扫描右侧二维码阅读全文
06
2019/03

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

前言

最近有朋友私戳我,问我时光机页面的邮箱处的链接是怎么实现点击链接调用邮箱软件发送邮件的,这里便介绍一下 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 后面同时有多个参数的话,第一个参数必须以 ? 开头,后面的参数每一个都以 & 分隔。

最后修改:2019 年 05 月 06 日 02 : 54 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论