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.
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:
htmlCopy<a id="email" href="#">
Click to mail.
</a>
Codes jQuery
:
javascriptCopy$(document).ready(function() {
$('#email').attr('href', 'mailto:abc@mail.com');
});