JS中实现隐藏部分姓名或者电话号码的代码

2025-08-13 04:54:41

项目需要, 只显示用户的姓名和手机号开头跟结尾, 其他部分用 * 代替, 借鉴了网上的代码, 参考地址没来得及记下

hidden:function(str,frontLen,endLen) {
           var len = str.length-frontLen-endLen;
           var xing = '';
           for (var i=0;i<len;i++) {
           xing+='*';
          }
           return str.substring(0,frontLen)+xing+str.substring(str.length-endLen);
        }

frontLen: 前面需要保留几位 endLen: 后面需要保留几位

原理很简单, 先算出有几位是要用 * 代替, 然后建出这个 * 的字符串, 返回的时候拼接字符串, 使用substring(开始位 , 结束为)截取需要显示的内容, 然后拼接 , 返回

总结

以上所述是小编给大家介绍的JS中实现隐藏部分姓名或者电话号码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

javascript点击按钮实现隐藏显示切换效果

本文实例分享了点击按钮实现隐藏和显示的切换代码,供大家参考,具体内容如下效果图: 在不少应用中,都有这样的功能,点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此效果,代码如下: <html> <head> <meta charset="gb2312"> <title>隐藏和显示</title> <style type="text/css"> #thediv
jquery和js实现对div的隐藏和显示方法

jQuery对div的显示和隐藏: 显示: 复制代码代码如下: $("#id").show() 隐藏: 复制代码代码如下: $("#id").show() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白复制代码代码如下: style="visibility: none;" document.getElementById("typediv1").style.vi
AngularJS实现元素显示和隐藏的几个案例

案例一:控制html元素显示和隐藏有n种方法:html的hidden.css的display.jquery的hide()和show().bootstrap的.hide.今天的重点不是显示和隐藏,而是监听某个布尔变量值,自动改变元素显示和隐藏状态.监听函数.if判断.选择dom.设置dom,5行代码搞不定吧,而且毫无技术含量. 看代码: <!DOCTYPE html> <html ng-app> <head> <meta charset="utf-8&qu
javascript获取隐藏元素(display:none)的高度和宽度的方法

js获取可见元素的尺寸还是比较方便的,这个可以直接使用这个方法: 复制代码代码如下: function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和DOM,设置参数:元素对象.样式特性 return obj.currentStyle?obj.currentStyle[attribute]:document.defaultView.getComputedStyle(obj,false)[attribute];} 但是如果这个元素是隐藏(dis
JS中input表单隐藏域及其使用方法

一.表单隐藏域隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的.当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上. 代码格式: <input type="hidden" name="..." value="..."> 属性解释: type="hidden"定义隐藏域: name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称: value属
js设置控件的隐藏与显示的两种方法

用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的"display"和"visibility"属性. 当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"或style.visibility="hidden"时控件不可见.不同的是"display"
JS实现“隐藏与显示”功能(多种方法)

下面我将效果图展示出来: 1,通过按钮实现隐藏与显示: 这个是通过按钮点击实现的隐藏与显示,具体代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>通过按钮实现隐藏和显示</title> <style type="text/css"> .body{ margin: 0 auto; } #show{ wid
JS实现鼠标点击展开或隐藏表格行的方法

本文实例讲述了JS实现鼠标点击展开或隐藏表格行的方法.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm
JS隐藏号码中间4位代码实例

本文实例为大家分享了JS隐藏号码中间4位的具体代码,供大家参考,具体内容如下 function resetPhone(phone) { var str = String(phone) var len = str.length; var prev,next; if (len >= 7) { prev = str.slice(-len,-7) next = str.slice(-3) str = prev+"****"+next } else if (len < 7 &
js判断元素是否隐藏的方法

复制代码代码如下: if( document.getElementById("div").css("display")==='none') if( document.getElementById("div").css("display")==='block') $("#div").is(":hidden"); // 判断是否隐藏 $("#div").is("

JS中实现隐藏部分姓名或者电话号码的代码

相关推荐

随机推荐