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");
});
相关文章
|
6月前
|
JavaScript 前端开发 数据处理
你好,JavaScript!
你好,JavaScript!
29 2
|
JavaScript
JavaScript2
JavaScript2
44 0
|
JavaScript 前端开发
【JavaScript】什么是JavaScript?
【JavaScript】什么是JavaScript?
89 0
|
JavaScript 前端开发
初识JavaScript
初识JavaScript
104 0
|
JavaScript 前端开发
玩转Javascript魔法篇
这些都是平时我们经常在业务中会用的功能,实现起来的方法不止一种,但是我们要经常思考,举一反三,追求一种简洁高效的写法,不是吗?
117 0
玩转Javascript魔法篇
|
前端开发 JavaScript Java
JavaScript——JavaScript的介绍
JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
176 0
|
JavaScript 前端开发 编译器
什么是Javascript Hoisting?
本文重点通过实例来讲解Javascript Hoisting的内部细节原理。
649 0
什么是Javascript Hoisting?
|
JavaScript 前端开发 Java
|
JavaScript 前端开发 机器学习/深度学习

相关实验场景

更多