您好,登錄后才能下訂單哦!
這篇文章主要介紹了JS怎么實(shí)現(xiàn)用特殊符號(hào)替換字符串的中間部分區(qū)域,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
1、能夠嵌入動(dòng)態(tài)文本于HTML頁(yè)面。2、對(duì)瀏覽器事件做出響應(yīng)。3、讀寫(xiě)HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)。5、檢測(cè)訪客的瀏覽器信息。6、控制cookies,包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。
一、引入
相信很多人都遇到過(guò)敏感信息需要做部分隱藏功能,大多數(shù)都是用特殊符號(hào)去替換。
正好今天我又遇到這樣的前端顯示的需求,正好把相關(guān)JS記錄下來(lái),方便下次再用。
二、JS部分
/* 部分隱藏處理 ** str 需要處理的字符串 ** frontLen 保留的前幾位 ** endLen 保留的后幾位 ** cha 替換的字符串 */ function plusXing(str, frontLen, endLen,cha) { var len = str.length - frontLen - endLen; var xing = ''; for (var i = 0; i < len; i++) { xing += cha; } return str.substring(0, frontLen) + xing + str.substring(str.length - endLen); };
三、應(yīng)用實(shí)例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>隱藏字符</title> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <style> div{ margin:20px; padding:20px; } input[type='button']{ padding:10px; } #btn_div{ margin-left:100px; } </style> </head> <body> <div>處理之前:<input type="text" id="num"/></div> <div id='btn_div'><input type="button" value="隱藏處理" onclick="yincang();"></div> <div>處理之后:<span id="secret_num"></span></div> <script> function yincang(){ var num=$('#num').val(); var secret_num=plusXing(num,3,4,'*'); $('#secret_num').text(secret_num); }; /* 部分隱藏處理 ** str 需要處理的字符串 ** frontLen 保留的前幾位 ** endLen 保留的后幾位 ** cha 替換的字符串 */ function plusXing(str, frontLen, endLen,cha) { var len = str.length - frontLen - endLen; var xing = ''; for (var i = 0; i < len; i++) { xing += cha; } return str.substring(0, frontLen) + xing + str.substring(str.length - endLen); }; </script> </body> </html>
四、實(shí)例效果
關(guān)于“JS怎么實(shí)現(xiàn)用特殊符號(hào)替換字符串的中間部分區(qū)域”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“JS怎么實(shí)現(xiàn)用特殊符號(hào)替換字符串的中間部分區(qū)域”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。