mailto en JavaScript

Kushank Singh 12 octobre 2023
mailto en JavaScript

Il y a un besoin urgent d’avoir une fonctionnalité mailto dans de nombreuses applications Web qui peuvent envoyer des informations à l’adresse donnée.

Ce tutoriel ajoutera une telle fonctionnalité mailto à n’importe quel élément utilisant JavaScript.

La fonction Document.createElement() crée un nouvel élément HTML en spécifiant le tagName. Il renvoie le nouvel élément.

Utilisez le code ci-dessous et ajoutez la fonctionnalité mailto à n’importe quel élément en utilisant JavaScript.

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

Dans l’exemple de code, une balise d’ancrage portant le nom email a été créée et nous y avons ajouté la fonctionnalité mailto à l’aide de l’attribut href.

Nous pouvons envisager une méthode alternative pour ajouter une telle fonctionnalité mailto à l’aide de jQuery.

Lorsque vous cliquez dessus, nous avons une balise d’ancrage qui active la fonctionnalité et nous permet d’envoyer un courrier à l’adresse e-mail donnée.

Dans jQuery, une bibliothèque JavaScript efficace, la méthode attr() est utilisée pour définir les valeurs des attributs ou les renvoyer.

Vérifiez le code ci-dessous.

Code HTML:

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

Codes jQuery :

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