JS加密联系方式实现方法

内容摘要

这篇文章主要为大家详细介绍了JS加密联系方式实现方法，具有一定的参考价值，可以用来参考一下。

文章正文

这篇文章主要为大家详细介绍了JS加密联系方式实现方法，具有一定的参考价值，可以用来参考一下。

对此感兴趣的朋友，看看idc笔记做的技术笔记。为了避免被各种骚扰电话、垃圾邮件的扫号软件扫到，
这里说的加密并不需要做得很复杂，只要稍微加一点干扰因素即可。比如你的QQ号是1234567，那么在网页上可以这样输出：

/**
 * 加密联系方式
 *
 * @param 
 * @arrange （www.idcnote.com）
 **/
<p>QQ：<script>document.write( 'a1b2c3d4e5f6g7h'.replace(/\D/g, '') );</script></p>

至于邮件地址则可以这样（以 abc@126.com 为例）：


/**
 * 加密联系方式
 *
 * @param 
 * @arrange （www.idcnote.com）
 **/
<p>Email: <script>document.write( ['com', '126', 'abc'].reverse().join('.').replace('.', '@') );</script></p>

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


/**
 * 加密联系方式
 *
 * @param 
 * @arrange （www.idcnote.com）
 **/
<p>Phone number: <script>if (window.atob) { document.write( window.atob('MTM4MDAxMzgwMDA=') ); }</script></p>

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


/**
 * 加密联系方式
 *
 * @param 
 * @arrange （www.idcnote.com）
 **/
<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>

注：关于JS加密联系方式实现方法的内容就先介绍到这里，更多相关文章的可以留意

代码注释

上一篇 Javascript的面向对象入门下一篇 JS 实现兼容提示

作者：喵哥笔记

学的不仅是技术，更是梦想！