mailto en JavaScript

Existe una necesidad imperiosa de tener una funcionalidad mailto en muchas aplicaciones web que puedan enviar información a la dirección dada.

Este tutorial agregará dicha funcionalidad mailto a cualquier elemento que utilice JavaScript.

La función Document.createElement() crea un nuevo elemento HTML especificando el tagName. Devuelve el nuevo elemento.

Utilice el siguiente código y agregue la funcionalidad mailto a cualquier elemento que utilice JavaScript.

var email = document.createElement('a');
email.href = 'mailto:abc@mail.com';
email.click();

En el ejemplo de código, se creó una etiqueta de anclaje con el nombre email y le agregamos la funcionalidad mailto usando el atributo href.

Podemos considerar un método alternativo para agregar dicha funcionalidad mailto usando jQuery.

Cuando se hace clic en ella, tenemos una etiqueta de anclaje que activa la funcionalidad y nos permite enviar un correo a la dirección de correo indicada.

En jQuery, una biblioteca JavaScript eficiente, el método attr() se usa para establecer valores en atributos o devolverlos.

Verifique el código a continuación.

Código HTML:

<a id="email" href="#">
  Click to mail.
</a>

Códigos jQuery:

$(document).ready(function() {
  $('#email').attr('href', 'mailto:abc@mail.com');
});