JS加密联系方式实现方法

感兴趣的小伙伴，下面一起跟随编程之家 jb51.cc的小编来看看吧。
为了避免被各种骚扰电话、垃圾邮件的扫号软件扫到，这里说的加密并不需要做得很复杂，只要稍微加一点干扰因素即可。比如你的QQ号是1234567，那么在网页上可以这样输出：

/**
 * 加密联系方式
 *
 * @param 
 * @arrange (编程之家) jb51.cc
 **/
<p>QQ：<script>document.write( 'a1b2c3d4e5f6g7h'.replace(/\D/g,'') );</script></p>

至于邮件地址则可以这样（以 [e-mail] 为例）：

/**
 * 加密联系方式
 *
 * @param 
 * @arrange (编程之家) jb51.cc
 **/
<p>Email: <script>document.write( ['com','126','abc'].reverse().join('.').replace('.','@') );</script></p>

电话号码是比较敏感的信息，可以搞复杂点，这里我采用的是base64方案。可能很多朋友还不知道，稍微先进点的浏览器都已经原生支持base64的编码和解码了，分别是调用window.btoa和window.atob两个函数。所以电话号码可以这样输出（以 13800138000 为例）：

/**
 * 加密联系方式
 *
 * @param 
 * @arrange (编程之家) jb51.cc
 **/
<p>Phone number: <script>if (window.atob) { document.write( window.atob('MTM4MDAxMzgwMDA=') ); }</script></p>

再者，我并不想任何人都能看到我的电话号码，所以还可以加点限制。比如URL带有某个参数才显示电话号码：

/**
 * 加密联系方式
 *
 * @param 
 * @arrange (编程之家) jb51.cc
 **/
<p id=phone-number style=display: none;>Phone number: <script>
if (window.atob) { document.write( window.atob('MTM4MDAxMzgwMDA=') ); }
if ( /[?&]show-phone-number(&|$)/.test(window.location.search) ) {
    document.getElementById('phone-number').style.display = '';
}
</script></p>