js姓名星号加密,姓氏*号,身份证号出生日期星号加密

2023-11-21 04:00

本文主要是介绍js姓名星号加密,姓氏*号,身份证号出生日期星号加密,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

js姓名星号加密,姓氏*号,身份证号出生日期星号加密

  • HTML
<div class="huifu panel-body"><ul><li class="huifuli"><div class="huifubt">【标题】知不知对你牵上万缕爱意<div style="float:right;">2020-12-29</div></div><div class="huifuxx">留言人:<span class="huifuname">孙耀威</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;身份证号:<span class="huifusfh">381729199804264761</span></div> </li><li class="huifuli"><div class="huifubt">【标题】是否爱上一个人 不问明天过后<div style="float:right;">2020-12-29</div></div><div class="huifuxx">留言人:<span class="huifuname">张杰</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;身份证号:<span class="huifusfh">294763199804262691</span></div> </li></ul>
</div>
  • CSS
<style>
*{ padding:0; margin:0;}
.tongji {width: 900px;margin-top: 40px;line-height: 2.0;margin-left: auto;margin-right: auto;box-shadow: 8px 8px 6px #888888;
}
.huifu {width: 900px;margin-top: 40px;line-height: 2.0;margin-left: auto;margin-right: auto;
}
.huifu .huifuli {width: 100%;height: 100px;padding: 8px;
}
.huifubt {width: 100%;font-size: 18px;font-weight: bold;height: 50px;line-height: 50px;color: #13438b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.huifuxx {height: 40px;line-height: 40px;color: #75a5cc;font-size: 14px;border-bottom: 1px solid #d2d2d2;width: 100%;
}
.tjbg tr:nth-child(3) {display: none;
}
</style>
  • JS
    <script>//名字星号var huifuname=document.getElementsByClassName("huifuname");for(var i=0;i<huifuname.length;i++){huifuname1= huifuname[i].innerText;var huifuname2 = huifuname1.substr(1,huifuname1.length);var huifuname3 = '* '+huifuname2;document.getElementsByClassName('huifuname')[i].innerText=huifuname3;}//身份号加密var huifusfh=document.getElementsByClassName("huifusfh");for(var i=0;i<huifusfh.length;i++){huifusfh1= huifusfh[i].innerText;var huifusfh2 = huifusfh1.substr(0,6);var huifusfh3 = huifusfh1.substr(14,4);var huifusfh4 = huifusfh2 + ' **** ' + huifusfh3;document.getElementsByClassName('huifusfh')[i].innerText=huifusfh4;}
</script>

加密前:

在这里插入图片描述

加密后:

在这里插入图片描述

这篇关于js姓名星号加密,姓氏*号,身份证号出生日期星号加密的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/399680

相关文章

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

SpringBoot3使用Jasypt实现加密配置文件

《SpringBoot3使用Jasypt实现加密配置文件》这篇文章主要为大家详细介绍了SpringBoot3如何使用Jasypt实现加密配置文件功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编... 目录一. 使用步骤1. 添加依赖2.配置加密密码3. 加密敏感信息4. 将加密信息存储到配置文件中5

SpringBoot整合jasypt实现重要数据加密

《SpringBoot整合jasypt实现重要数据加密》Jasypt是一个专注于简化Java加密操作的开源工具,:本文主要介绍详细介绍了如何使用jasypt实现重要数据加密,感兴趣的小伙伴可... 目录jasypt简介 jasypt的优点SpringBoot使用jasypt创建mapper接口配置文件加密

Java实现MD5加密的四种方式

《Java实现MD5加密的四种方式》MD5是一种广泛使用的哈希算法,其输出结果是一个128位的二进制数,通常以32位十六进制数的形式表示,MD5的底层实现涉及多个复杂的步骤和算法,本文给大家介绍了Ja... 目录MD5介绍Java 中实现 MD5 加密方式方法一:使用 MessageDigest方法二:使用

SpringBoot使用Jasypt对YML文件配置内容加密的方法(数据库密码加密)

《SpringBoot使用Jasypt对YML文件配置内容加密的方法(数据库密码加密)》本文介绍了如何在SpringBoot项目中使用Jasypt对application.yml文件中的敏感信息(如数... 目录SpringBoot使用Jasypt对YML文件配置内容进行加密(例:数据库密码加密)前言一、J

Node.js net模块的使用示例

《Node.jsnet模块的使用示例》本文主要介绍了Node.jsnet模块的使用示例,net模块支持TCP通信,处理TCP连接和数据传输,具有一定的参考价值,感兴趣的可以了解一下... 目录简介引入 net 模块核心概念TCP (传输控制协议)Socket服务器TCP 服务器创建基本服务器服务器配置选项服

mac安装nvm(node.js)多版本管理实践步骤

《mac安装nvm(node.js)多版本管理实践步骤》:本文主要介绍mac安装nvm(node.js)多版本管理的相关资料,NVM是一个用于管理多个Node.js版本的命令行工具,它允许开发者在... 目录NVM功能简介MAC安装实践一、下载nvm二、安装nvm三、安装node.js总结NVM功能简介N

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

Java中的密码加密方式

《Java中的密码加密方式》文章介绍了Java中使用MD5算法对密码进行加密的方法,以及如何通过加盐和多重加密来提高密码的安全性,MD5是一种不可逆的哈希算法,适合用于存储密码,因为其输出的摘要长度固... 目录Java的密码加密方式密码加密一般的应用方式是总结Java的密码加密方式密码加密【这里采用的