Muitos usuários avançados sabem que se você colocar seu e-mail em um arquivo HTML, por exemplo, dessa forma: nome@provedor.com.br, no futuro terá uma grande dor de cabeça com Spam, pois os bots que circulam pela internet irão seguí-lo, verão que é um e-mail e a festa está pronta. Uma alternativa seria escrevê-lo assim:
nome_at_provedor.com.br
Mas dessa forma, para os usuários que não tem um mario conhecimento em internet não saberiam que aquele at significa @, então como faríamos? Existe uma forma bem simples de contornar isso com JavaScript, basta colocar esse script em sua página:
<script type="text/javascript">
var Convert = {
initialize: function() {
var spans = document.getElementsByTagName("span");
for (var i = 0; i < spans.length; i++) {
if(spans[i].getAttribute("class") == "address") {
string = spans[i].childNodes[0].nodeValue;
email = string.split("_")[0] + "@" + string.split("_")[2];
spans[i].innerHTML = '<a href="mailto:' + email + '">' + email + '<\/a>';
}
}
}
}
window.onload = Convert.initialize;
</script>
Agora, em nosso HTML, você deve deixá-lo da seguinte forma:
<span class="address">pedrorogerio_at_pinceladasdaweb.com.br</span>
Basicamente, utilizaremos de um span com uma classe chamada address, e o e-mail deve ser escrito da forma como foi citada acima, o que o script faz é substituir o at pelo @, mas essa substituição é somente visual, se você olhar o código fonte da página, seu e-mail está protegido. Dêem uma olhada nesse exemplo.
Referência: