Über die praktische Anwendung von HTML-Mailto (E-Mail) sprechen

Wie wir alle wissen, ist „mailto“ ein sehr praktischer HTML-Tag im Webdesign und in der Webproduktion. Viele Freunde, die persönliche Webseiten haben, schreiben ihre E-Mail-Adressen gerne an eine auffällige Stelle auf der Website, sodass der Webbrowser, sobald er mit der Maus auf den aus „mailto“ bestehenden Hyperlink klickt, automatisch die Standard-E-Mail-Client-Software des aktuellen Computersystems öffnen kann, z. B. OutLook Express und Foxmail.

Aufgrund der Inkonsistenz zwischen den Betriebssystemen und E-Mail-Clients im Umgang mit Mailto-Ereignisverbindungen müssen Sie bei der Verwendung in der Praxis jedoch vorsichtig sein.

1. Grundlegende Grammatik

<a href=mailto:[email protected]>E-Mail senden</a>

oder

<form action="mailto:[email protected]">

</form>

Parameterliste:

Zu	Empfänger (mehrere Empfänger durch ; trennen)
Betreff	Thema
cc	Cc
bcc	Blindkopie
Körper	Inhalt (einige E-Mail-Clients unterstützen Anweisungen im HTML-Format)

Die Parameterübertragungsmethode ist dieselbe wie die Wertübertragung zwischen Seiten. Sie können eine Linkzeichenfolge oder ein Formular verwenden

Verbindungszeichenfolge

<a href="mailto:[email protected]?subject=testtitle&[email protected]&body=dies ist der Text">E-Mail senden</a>

Bilden

Code kopieren

Der Code lautet wie folgt:

<Formularname='sendmail' Aktion='mailto:[email protected]'>
<Eingabename='cc' Typ='Text' Wert='[email protected]'>
<Eingabename='Betreff' Typ='Text' Wert='Testtitel'>
<Eingabename='Body' Typ='Text' Wert='Dies ist der Body'>
</form>

2. Unterschiede zwischen E-Mail-Clients

Das Obige ist eine einfache Syntaxanwendung von Mailto. In der tatsächlichen Anwendung können unterschiedliche Browserclients jedoch je nach Browsereinstellungen unterschiedliche Auswirkungen haben.

Dies müssen Sie insbesondere dann beachten, wenn der Body-Inhalt HTML-Formatanweisungen enthält.

Outlook zeigt die HTML-Anweisungen im Textkörper so an, wie sie sind (selbst wenn das HTML im Textkörper maskiert wird, ist es immer noch ungültig). Was sollten wir also tun, wenn wir die Anweisungen im Textkörper umschließen möchten, wenn wir Outlook Mailto verwenden? <br/> hat keine Wirkung. . Das Zeichen %0D wird als Zeilenumbruchsymbol benötigt.

Foxmail zeigt den entsprechenden HTML-Effekt der HTML-Anweisung im Textkörper an.

Natürlich können Sie den Client vom Typ „mailto“ zum Versenden von E-Mails auch auf eine andere Art und Weise implementieren:

Code kopieren

Der Code lautet wie folgt:

Funktion SendMail(Dateipfad) {
var Pfad = Standort.href.substring(0, Standort.href.lastIndexOf("/")) + Dateipfad;
var outlookApp = neues ActiveXObject("Outlook.Anwendung");
var nameSpace = outlookApp.getNameSpace("MAPI");
var mailItem = outlook.App.CreateItem(0);
var mailto = "[email protected]";
var mailBody= "<HTML><BODY><DIV><FONT color='red'>Test, dies ist der HTML-Text</FONT></DIV></BODY></HTML>";
mailItem.Subject = "Testtitel";
mailItem.To = mailto;
mailItem.HTMLBody = mailBody;
if (Pfad != "") {
mailItem.Attachments.Add(Pfad);
}
mailItem.Display(0);
mailItem = null;
Namespace = null;
OutlookApp = null;
}

Dies hat jedoch einen großen Nachteil: Es werden nur Outlook-Clients unterstützt und es ist die Konfiguration der Internetoptionen erforderlich. Außerdem muss „ActiveX-Steuerelemente initialisieren und ausführen, die nicht als sicher markiert sind“ aktiviert sein.

Der Aufruf von mailItem's Attachments.Add dient dazu, der E-Mail Anhänge hinzuzufügen. Wenn kein Anhang vorhanden ist, kann der Parameter filePath gelöscht werden.

Wenn Sie ein Carbon Copy-Objekt hinzufügen müssen, können Sie mailItem.Cc aufrufen. Wenn Sie ein Blind Copy-Objekt hinzufügen müssen, können Sie mailItem.Bcc aufrufen.

<<: Grundlegende Referenztypen der erweiterten JavaScript-Programmierung

>>: Analyse der Vor- und Nachteile von gespeicherten MySQL-Prozeduren

Detaillierte Erläuterung der Probleme und Lösungen beim flexiblen Mehrspaltenlayout

Über die praktische Anwendung von HTML-Mailto (E-Mail) sprechen

Detaillierte Erläuterung der Probleme und Lösungen beim flexiblen Mehrspaltenlayout

Schreiben Sie Ihr HTML so, um Ihren Code kompatibler zu machen

So konfigurieren Sie mysql5.6 zur Unterstützung von IPV6-Verbindungen in einer Linux-Umgebung

So installieren und implementieren Sie einen Gitlab-Server auf CentOS7

Die häufigste Deklarationszusammenführung in TS (Schnittstellenzusammenführung)

Lösen Sie die MySQL-Deadlock-Routine, indem Sie verschiedene Indizes aktualisieren

Erklärung zur Verbindung des Mac mit Remote-Servern über SSH in verschiedenen Terminals

Aufbau der Angular-Umgebung und einfache Erfahrungszusammenfassung

Detaillierte Erklärung der Gründe, warum MySQL-Verbindungen hängen bleiben

Legen Sie ein Symbol für die Website fest, das ganz links auf der Registerkarte des Browsers angezeigt werden soll

Artikel empfehlen

Bringen Sie Ihnen bei, wie Sie den Beobachtermodus in Javascript implementieren

Erläuterung der Verwendung von GROUP BY in gruppierten Abfragen und der SQL-Ausführungsreihenfolge

Codebeispiel für einen einfachen UDP-Server-Client

Fünf Lösungen für Cross-Browser-Probleme (Zusammenfassung)

Detaillierte Analyse des Linux-NFS-Mechanismus anhand von Fällen

Grafisches Tutorial zur Installation und Konfiguration der grünen Version von MySQL 5.7.21 winx64

Fehlerbehebung bei Master-Slave-Verzögerungsproblemen beim Upgrade von MySQL 5.6 auf 5.7

Detailliertes Tutorial zum Ausführen mehrerer Springboot mit Docker

Geschickte Nutzung von WebKit-Box-Reflect zur Erzielung verschiedener dynamischer Effekte (Zusammenfassung)

Tutorial: Nginx-Reverse-Proxy-Konfiguration zum Entfernen von Präfixen

So lösen Sie das Problem, dass MySQL nicht gestartet werden kann, da keine PID erstellt werden kann

Detaillierte Analyse von Javascript-Datenproxys und Ereignissen

Verwenden Sie js, um js-Funktionen in Iframe-Seiten aufzurufen

Spezifische Verwendung interner temporärer MySQL-Tabellen

Ein kleines Problem mit Nullwerten in MySQL