mailto in JavaScript

Kushank Singh 12 ottobre 2023
mailto in JavaScript

C’è un disperato bisogno di avere una funzionalità mailto in molte applicazioni web che possono spedire alcune informazioni all’indirizzo dato.

Questo tutorial aggiungerà tale funzionalità mailto a qualsiasi elemento utilizzando JavaScript.

La funzione Document.createElement() crea un nuovo elemento HTML specificando il tagName. Restituisce il nuovo elemento.

Usa il codice qui sotto e aggiungi la funzionalità mailto a qualsiasi elemento utilizzando JavaScript.

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

Nell’esempio di codice, è stato creato un tag di ancoraggio con il nome email e abbiamo aggiunto la funzionalità mailto utilizzando l’attributo href.

Possiamo considerare un metodo alternativo per aggiungere tale funzionalità mailto utilizzando jQuery.

Quando si fa clic su, abbiamo un tag di ancoraggio che attiva la funzionalità e ci consente di inviare la posta all’indirizzo di posta specificato.

In jQuery, un’efficiente libreria JavaScript, il metodo attr() viene utilizzato per impostare i valori sugli attributi o restituirli.

Controlla il codice qui sotto.

Codice HTML:

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

Codici jQuery:

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