站長(zhǎng)資訊網(wǎng)如果我不想讓未經(jīng)授權(quán)的用戶查看電子郵件地址怎么辦？好辦法這不就來(lái)了！本文我就給大家介紹怎么通過(guò)javascript來(lái)隱藏電子郵件地址。不要錯(cuò)過(guò)！
那么我們先具體描述一下問(wèn)題：“如何編寫一個(gè) JavaScript 函數(shù)來(lái)隱藏電子郵件地址以防止未經(jīng)授權(quán)的用戶訪問(wèn)”？
下面直接上代碼：
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title></title> </head> <body> <script> protect_email = function (user_email) { var avg, splitted, part1, part2; splitted = user_email.split("@"); part1 = splitted[0]; avg = part1.length / 2; part1 = part1.substring(0, (part1.length - avg)); part2 = splitted[1]; return part1 + "...@" + part2; }; console.log(protect_email("robin_singh@example.com")); </script> </body> </html>
我們通過(guò)console.log()來(lái)查看輸出信息，如下：
正常隱藏了！
在上述js代碼中，需要大家掌握的方法和屬性有：
1、split()方法
該方法用于把一個(gè)字符串分割成字符串?dāng)?shù)組，其語(yǔ)法是“stringObject.split(separator,howmany)”；
參數(shù)分別表示： separator：字符串或正則表達(dá)式，從該參數(shù)指定的地方分割 stringObject。 howmany可選：該參數(shù)可指定返回的數(shù)組的最大長(zhǎng)度。如果設(shè)置了該參數(shù)，返回的子串不會(huì)多于這個(gè)參數(shù)指定的數(shù)組。如果沒(méi)有設(shè)置該參數(shù)，整個(gè)字符串都會(huì)被分割，不考慮它的長(zhǎng)度。
2、length屬性可返回字符串中的字符數(shù)目，其語(yǔ)法是“stringObject.length”。
3、substring()方法
該方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符，其語(yǔ)法是“stringObject.substring(start,stop)”，其返回值是一個(gè)新的字符串，該字符串值包含 stringObject 的一個(gè)子字符串，其內(nèi)容是從 start 處到 stop-1 處的所有字符，其長(zhǎng)度為 stop 減 start。
參數(shù)分別表示： start：一個(gè)非負(fù)的整數(shù)，規(guī)定要提取的子串的第一個(gè)字符在 stringObject 中的位置。 stop可選：一個(gè)非負(fù)的整數(shù)，比要提取的子串的最后一個(gè)字符在 stringObject 中的位置多 1。 注：如果省略該參數(shù)，那么返回的子串會(huì)一直到字符串的結(jié)尾。
最后給大家推薦《JavaScript基礎(chǔ)教程》~歡迎大家學(xué)習(xí)~
