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");
});
相关文章
|
JavaScript 前端开发
70.【JavaScript 6.0】(八)
70.【JavaScript 6.0】
62 1
|
JavaScript 前端开发
javascript01
javascript01
56 0
|
3月前
|
前端开发 JavaScript API
JavaScript
JavaScript
16 2
|
6月前
|
移动开发 JavaScript 前端开发
快速认识JavaScript
快速认识JavaScript
|
9月前
|
JavaScript 前端开发
JavaScript:处理this
JavaScript:处理this
64 1
|
存储 前端开发 JavaScript
javascript常用的东西
javascript常用的东西
154 0
|
JSON 数据格式
Day15 JavaScript
JavaScript
74 0
|
存储 Web App开发 人工智能
JavaScript的使用
JavaScript作为使用得最多的脚本语言,可以说是无处不在。所有主流浏览器都支持JavaScript。目前,全世界大部分网页都使用JavaScript。它可以让网页呈现各种动态效果。 作为后台程序员的我们,JavaScript也是必备的。接下来就一起来学习一下JavaScript,感受它的魅力!
 JavaScript的使用
|
JavaScript 前端开发
【译】9个强大的JavaScript技巧
我喜欢优化!但是,如果站点无法在用户的Internet Explorer 11浏览器中运行,他们不会在乎我的优化代码。我使用Endtest来创建自动测试,并在跨浏览器的云上执行它们。
【译】9个强大的JavaScript技巧
|
Web App开发 JavaScript 前端开发
javascript 如何正确使用getElementById,getElementsByName(), and getElementsByTagName()
WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签。 (1)getElementById():                       getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素。
1244 0

相关实验场景

更多