mailto in JavaScript

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');
});
Ti piacciono i nostri tutorial? Iscriviti a DelftStack su YouTube per aiutarci a creare altre guide video di alta qualità. Iscriviti