webconsul

the best webconsul(ting)

Effektiver Spamschutz mit JavaScript

Sie sind hier: Startseite » Effektiver Spamschutz mit JavaScript

Für einen Kunden habe ich gestern folgende Methode implementiert um effektiv die Unternehmensadressen für Spambots unzugänglich zu machen.

Das Prinzip ist relativ einfach, denn der gewünschte E-Mail Link wird folgendermaßen gesetzt:
<a href="mailto:#" title="username">username --at-- example . de</a>

Damit funktioniert der Klick auf die E-Mail-Adresse noch nicht. Der gesetzte title-Tag verrät aber schon, dass aus diesem die E-Mail-Adresse erzeugt werden soll, sodass man doch mit einem Klick den Empfänger im zum Beispiel Microsoft Outlook schon gesetzt hat.

Es reicht jetzt am Seitenende folgendes JavaScript zu laden:
for(var i=0; i<document.getElementsByTagName('a').length; i++)
  if(document.getElementsByTagName('a')[i].href.match(/mailto:/))
    document.getElementsByTagName('a')[i].href =
       'mailto:'+document.getElementsByTagName('a')[i].getAttribute('title') +'@example.de';

Wichtig ist dabei, dass der Code im Template am Ende eingefügt wird, am besten vor oder nach dem schließenden body-Tag.
In dem kurzen JavaScript-Snippet wird jeder Link auf der Seite betrachtet, falls er “mailto:” enthält, wird der Link mit “mailto:$title@exmaple.de” ersetzt. Wobei $title eben den Wert des gesetzten Attributs enthält.

Ziemlich einfach, oder?
Damit kann man als Webdesigner den Kunden einfach zufrieden stellen und das Layout bzw. Webtemplate schnell und effektiv absichern.



Ähnliche Beiträge:
  • Der Googlebot und JavaScript Dem Googlebot wird nachgesagt alles zu parsen, sogar vor JavaScript und Flash soll er nicht halt machen. Da hat mich interessiert, ob der Googlebot das...
  • JavaScript Funktion aus String erzeugen In JavaScript will man oftmals eine Funktion erzeugen, deren Eingabe- und Ausgabeparameter vorher noch unklar sind. Daher muss die Funktion dynamisch erzeugt werden und darin...
  • JSXGraph WordPress Plugin Update Wie im vorherigen Post erläutert gab es letzte Woche ein neues JSXGraph Release und somit musste das WordPress Plugin dazu auch aktualisiert werden. Die Gelegenheit...
  • Crockford on JavaScript Soeben konnte ich im Yuiblog erfreulicherweise diesen Veranstaltungshinweis lesen: Crockford on JavaScript Dabei spricht Douglas Crockford über die JavaScript-Architektur und vieles mehr. Ich hoffe nur,...
  • Crockford on Javascript Die ersten zwei Videos von Douglas Crockford über Javascript sind raus: The Early Years And Then There Was JavaScript Drei weitere kommen nocht....

Hinterlasse eine Antwort