mailto in JavaScript

In vielen Webanwendungen besteht ein dringender Bedarf an einer mailto-Funktionalität, die einige Informationen an die angegebene Adresse senden kann.

Dieses Tutorial fügt jedem Element, das JavaScript verwendet, eine solche mailto-Funktionalität hinzu.

Die Funktion Document.createElement() erzeugt durch Angabe des tagName ein neues HTML-Element. Es gibt das neue Element zurück.

Verwenden Sie den folgenden Code und fügen Sie mithilfe von JavaScript jedem Element die Funktion mailto hinzu.

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

Im Codebeispiel wurde ein Anchor-Tag mit dem Namen email erstellt, dem wir mit dem Attribut href die Funktionalität mailto hinzugefügt haben.

Wir können eine alternative Methode in Betracht ziehen, um eine solche mailto-Funktionalität mit jQuery hinzuzufügen.

Beim Anklicken haben wir ein Anker-Tag, das die Funktionalität aktiviert und uns an die angegebene E-Mail-Adresse senden lässt.

In jQuery, einer effizienten JavaScript-Bibliothek, wird die Methode attr() verwendet, um Attribute mit Werten zu versehen oder zurückzugeben.

Überprüfen Sie den Code unten.

HTML Quelltext:

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

jQuery-Codes:

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