html中如何使填充内容的手机号码只显示前后三位?

html-css05

html中如何使填充内容的手机号码只显示前后三位?,第1张

html中如何使手机号码只显示前后各三位是不行的,可以用js来做;

用循环把前三位和后三位取出来,中间的用*代替;

新建一个html文件,复制粘贴下面的代码,然后保存藏试一下看是不是你想要的结果;

参考代码,有问题再追问:

测试结果如图:

<html>

<body>

<p id="tel">15812345678</p>

</body>

</html>

<script type="text/javascript">

    var tel = document.getElementById('tel'),

    telVal = tel.innerText

    var newTelVal = ''

    if(telVal.length > 0){

        for(var i = 0 i < telVal.length i++){

            if(i < 3 || i >= telVal.length-3){

                newTelVal += telVal[i]

            }else{

                newTelVal += '*'

            }

        }

    }

    tel.innerText = newTelVal

</script>

查询归属地可以去网上找开放接口调用 前台输入手机号码查询的时候调用接口 接口调用结果一般是json格式的把他转成数组按照键名拿到你要的数据传参到前台页面显示就可以了 同时你也可以把拿到的数据存入数据库