Вот моя рабочая версия:
Создать где-нибудь контейнер с резервным текстом:
<div id="knock_knock">Activate JavaScript, please.</div>
И добавить в нижней части DOM (w.r.t. рендеринга) следующий фрагмент:
<script>
(function(d,id,lhs,rhs){
d.getElementById(id).innerHTML = "<a rel=\"nofollow\" href=\"mailto"+":"+lhs+"@"+rhs+"\">"+"Mail"+"<\/a>";
})(window.document, "knock_knock", "your.name", "example.com");
</script>
Добавляет сгенерированную гиперссылку в указанный контейнер:
<div id="knock_knock"><a rel="nofollow" href="your.name@example.com">Mail</a></div>
Кроме того, вот сокращенная версия:
<script>(function(d,i,l,r){d.getElementById(i).innerHTML="<a rel=\"nofollow\" href=\"mailto"+":"+l+"@"+r+"\">"+"Mail"+"<\/a>";})(window.document,"knock_knock","your.name","example.com");</script>