What if I don't want my email address to be viewed by unauthorized users? A good idea is here! In this article, I will introduce to you how to hide email addresses through javascript. do not miss it!
So let’s first describe the problem in detail: “How to write a JavaScript function to hide an email address from unauthorized users”?
The code goes directly below:
<!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>
We use console.log() to view the output information, as follows:
Normally hidden!
In the above js code, the methods and attributes that everyone needs to master are:
1, split()
method
This method is used to To split a string into a string array, the syntax is "stringObject.split(separator,howmany)
";
参数分别表示: separator:字符串或正则表达式,从该参数指定的地方分割 stringObject。 howmany可选:该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
2, length
attributes can return strings The number of characters in , the syntax is "stringObject.length
".
3, substring()
Method
This method is used to extract the characters between two specified subscripts in the string. Its syntax is " stringObject.substring(start,stop)
", its return value is a new string. The string value contains a substring of stringObject, and its content is all characters from start to stop-1, Its length is stop minus start.
参数分别表示: start:一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。 stop可选:一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。 注:如果省略该参数,那么返回的子串会一直到字符串的结尾。
Finally, I would like to recommend "JavaScript Basics Tutorial" ~ Welcome everyone to learn ~
The above is the detailed content of Detailed example of hiding email address with javascript. For more information, please follow other related articles on the PHP Chinese website!