JavaScript 中的 mailto

Kushank Singh 2023年2月6日 2021年7月3日
JavaScript 中的 mailto

许多 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");
});