JavaScript 中的 mailto
Kushank Singh
2023年2月6日
2021年7月3日
许多 Web 应用程序迫切需要具有 mailto
功能,可以将某些信息邮寄到给定地址。
本教程将使用 JavaScript 将此类 mailto
功能添加到任何元素。
Document.createElement()
函数通过指定 tagName
创建一个新的 HTML elemet。它返回新元素。
使用下面的代码并使用 JavaScript 向任何元素添加 mailto
功能。
var email = document.createElement("a");
email.href = "mailto:abc@mail.com";
email.click();
在代码示例中,创建了一个名为 email
的锚标记,我们使用 href
属性向其添加了 mailto
功能。
我们可以考虑使用 jQuery 添加此类 mailto
功能的替代方法。
当点击时,我们有一个锚标签,可以激活功能并让我们邮寄到给定的邮件地址。
在 jQuery
(一个高效的 JavaScript 库)中,attr()
方法用于为属性设置值或返回它们。
参考下面的代码。
HTML 代码:
<a id="email" href="#">
Click to mail.
</a>
jQuery
代码:
$(document).ready(function() {
$("#email").attr('href',"mailto:abc@mail.com");
});