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

相关文章

Java中的密码加密方式

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

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

使用Python制作一个PDF批量加密工具

《使用Python制作一个PDF批量加密工具》PDF批量加密‌是一种保护PDF文件安全性的方法,通过为多个PDF文件设置相同的密码,防止未经授权的用户访问这些文件,下面我们来看看如何使用Python制... 目录1.简介2.运行效果3.相关源码1.简介一个python写的PDF批量加密工具。PDF批量加密

使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

Node.js学习记录(二)

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

使用JS/Jquery获得父窗口的几个方法(笔记)

<pre name="code" class="javascript">取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);如题: $(selector, window.top.document);//获得顶级窗口里面的元素 $(

js异步提交form表单的解决方案

1.定义异步提交表单的方法 (通用方法) /*** 异步提交form表单* @param options {form:form表单元素,success:执行成功后处理函数}* <span style="color:#ff0000;"><strong>@注意 后台接收参数要解码否则中文会导致乱码 如:URLDecoder.decode(param,"UTF-8")</strong></span>