자바스크립트로 이메일 주소를 숨기는 자세한 예-JS 튜토리얼-php.cn

자바스크립트로 이메일 주소를 숨기는 자세한 예

藏色散人

풀어 주다： 2021-08-13 14:49:09

원래의

2619명이 탐색했습니다.

승인되지 않은 사용자가 내 이메일 주소를 볼 수 없도록 하려면 어떻게 해야 하나요? 좋은 아이디어가 여기 있습니다! 이번 글에서는 자바스크립트를 통해 이메일 주소를 숨기는 방법을 소개하겠습니다. 놓치지 마세요!

먼저 문제를 자세히 설명하겠습니다. "인증되지 않은 사용자로부터 이메일 주소를 숨기는 JavaScript 함수를 작성하는 방법"?

코드는 바로 아래에 있습니다:

<!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>

로그인 후 복사

console.log()를 사용하여 다음과 같이 출력 정보를 봅니다.

자바스크립트로 이메일 주소를 숨기는 자세한 예

Hidenormally!

위의 js 코드에서 모두가 마스터해야 하는 메서드와 속성은 다음과 같습니다.

1. split() 메서드 split()方法

该方法用于把一个字符串分割成字符串数组，其语法是“stringObject.split(separator,howmany)”；

参数分别表示：
separator：字符串或正则表达式，从该参数指定的地方分割 stringObject。
howmany可选：该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

로그인 후 복사

2、length属性可返回字符串中的字符数目，其语法是“stringObject.length”。

3、substring()方法

该方法用于提取字符串中介于两个指定下标之间的字符，其语法是“stringObject.substring(start,stop)

이 메서드는 문자열을 문자열 배열로 분할하는 데 사용됩니다. 구문은 "stringObject.split(separator,howmany)"입니다.

参数分别表示：
start：一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。
stop可选：一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。
注：如果省略该参数，那么返回的子串会一直到字符串的结尾。

로그인 후 복사

2 length 속성은 문자열의 문자 수를 반환할 수 있으며 구문은 다음과 같습니다. "stringObject .length”. 3. substring() 메서드이 메서드는 문자열에서 지정된 두 첨자 사이의 문자를 추출하는 데 사용됩니다. 구문은 "

stringObject.substring(start,stop)입니다. code>"의 경우 반환 값은 새 문자열입니다. 문자열 값에는 stringObject의 하위 문자열이 포함됩니다. 해당 내용은 start부터 stop-1까지의 모든 문자이고 길이는 stop에서 start를 뺀 값입니다. . 🎜rrreee🎜마지막으로 "🎜🎜JavaScript Basic Tutorial🎜🎜"을 여러분께 추천드리고 싶습니다~ 모두들 배우신 것을 환영합니다~🎜

위 내용은 자바스크립트로 이메일 주소를 숨기는 자세한 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!