保护邮件地址的方法为数众多,随便一搜就能找出大把。若是刚好有使用 jQuery 框架,我这里有个用 jQuery 保护邮件地址的方案。此方案的优点在于:邮件地址分段存储在 JS 之中,链接被点击以后,邮件地址才会从 JS 中调出并写入 HTML 页面,目前再厉害的机器人拿它都没办法,除非开着浏览器点击。缺点嘛,访客的浏览器不支持 JS 的话会被当作机器人对待XD。
另外需要说明的是,代码本来很简单,但是考虑到大众的审美需求,多数人都会喜欢稍稍华丽的过渡效果,所以先提供一个所谓的"华丽版"(演示地址):
html:
<p>我的邮箱:<a href="javascript:void(0)" class="email">点击查看</a></p>
js:
$(document).ready(function(){
$(".email").click(function(){
var A="admin"
var B="domain.com"
var C=A+"@"+B;
$(this).parent().append("<img src='loading.gif' />");
$(this).hide();
setTimeout(function(){
var D=$(".email");
D.next().hide();
D.text(C);
D.attr("href","mailto:"+C).unbind("click");
D.fadeIn(1000)
},3000)
})
})
使用时,红色字体是你需要修改的部分,然后将 JS 保存为一个文件在网页上引用。链接被点击后,浏览者需要等待三秒才会看见邮件地址,既然假装异步我们就假装到底。其中用到了一个 loading 图片,你可以换成你自己的。
最后再来个朴素版:
$(document).ready(function(){
$(".email2").click(function(){
var A="admin"
var B="domain.com"
var C=A+"@"+B;
$(this).text(C);
})
})
没了。
联系客服