JavaScript 中的 mailto

简介: 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");
});
相关文章
|
存储 JSON JavaScript
JavaScript组成
JavaScript组成
|
自然语言处理 JavaScript 前端开发
JavaScript (一)
JavaScript 对象 可以说 &quot;JavaScript 对象是变量的容器&quot;。 但是,我们通常认为 &quot;JavaScript 对象是键值对的容器&quot;。
62 0
|
6月前
|
存储 JSON JavaScript
探索JavaScript中的深度复制
【8月更文挑战第20天】
41 7
|
JavaScript 前端开发
JavaScript小练习
JavaScript小练习
|
移动开发 JavaScript 前端开发
|
前端开发 JavaScript
JavaScript问题总结
JavaScript问题总结
90 0
|
Web App开发 编解码 JavaScript
初识JavaScript
初识JavaScript
131 0
|
JavaScript 前端开发
JavaScript 能够做什么?
JavaScript 能够做什么?
91 0
|
存储 JavaScript 前端开发
【初识JavaScript-03】
【初识JavaScript-03】
102 0
【初识JavaScript-03】
|
JavaScript 前端开发 编译器
什么是Javascript Hoisting?
本文重点通过实例来讲解Javascript Hoisting的内部细节原理。
657 0
什么是Javascript Hoisting?