E-Mail Adresse schützen (JavaScript)
Aus Wikizone
Links[Bearbeiten]
https://www.ionos.de/digitalguide/e-mail/e-mail-sicherheit/e-mail-adresse-schuetzen-so-wirds-gemacht/ https://www.hosteurope.de/blog/15-moeglichkeiten-die-e-mail-adresse-geschuetzt-darzustellen/
Only CSS Verschleierung[Bearbeiten]
Nachteil: Nicht klickbar. Gut geeignet für statische Webseiten.
<style type="text/css">
.h-mail:before {
content: attr(data-website) "\0040" attr(data-user);
unicode-bidi: bidi-override;
direction: rtl;
}
</style>
<!-- ... -->
<span class="h-mail" data-user="ffets" data-website="ed.xmg"></span>
Ergebnis steff@gmx.de
Please note:
Here I'm just used two extra attributes.
1) data-user write your e-mail id user name in reverse. 2) data-website write your e-mail id website in reverse.
E-Mail als Bild[Bearbeiten]
Nachteil: Nicht User-Freundlich
PHP redirect[Bearbeiten]
<a href="email_handler.php">
header("Location: mailto: example@meine.de");
exit();
Captcha[Bearbeiten]
Z.B. ReCaptcha von Google
Zusätzlicher Aufwand für User
Sonderzeichen verschleiern oder HTML Entities / URL-Encoding / HEX Darstellung nutzen[Bearbeiten]
Nicht mehr effizient. Einfach für Bots
Verschlüsselung[Bearbeiten]
ROT13 Verschlüsselung[Bearbeiten]
<script type="text/javascript">
function decode(a) {
return a.replace(/[a-zA-Z]/g, function(c){
return String.fromCharCode((c <= "Z" ? 90 : 122) >= (c = c.charCodeAt(0) + 13) ? c : c - 26);
})
};
function openMailer(element) {
var y = decode("znvygb:orahgmre@qbznva.qr");
element.setAttribute("href", y);
element.setAttribute("onclick", "");
element.firstChild.nodeValue = "E-Mail-Software öffnet sich";
};
</script>
<a id="email" href=" " onclick='openMailer(this);'>E-Mail: bitte klicken</a>
Einfache JavaScript verschleierung[Bearbeiten]
<script>
function mailsend(mail,p1,p2,p3) {
var ca;
ca = "mailto:" + p2 + "\@" + p3 + "." + p1;
mail.href = ca;
return (1);
}
</script>
<a href="mailto:no.bot.can@get.us" onClick="mailsend(this,'tld','name','domain');">Email</a>
<a href="mailto:no.bot.can@get.us" onClick="mailsend(this,'com','info','promadesign');">Email</a>
