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+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

Node.js 数据库 CRUD 项目示例详解(完美解决方案)

《Node.js数据库CRUD项目示例详解(完美解决方案)》:本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

Java中使用Hutool进行AES加密解密的方法举例

《Java中使用Hutool进行AES加密解密的方法举例》AES是一种对称加密,所谓对称加密就是加密与解密使用的秘钥是一个,下面:本文主要介绍Java中使用Hutool进行AES加密解密的相关资料... 目录前言一、Hutool简介与引入1.1 Hutool简介1.2 引入Hutool二、AES加密解密基础

用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 服务器创建基本服务器服务器配置选项服