>  기사  >  웹 프론트엔드  >  JavaScript 고급 튜토리얼(2강) 페이지 1/3_기본 지식

JavaScript 고급 튜토리얼(2강) 페이지 1/3_기본 지식

PHP中文网
PHP中文网원래의
2016-05-16 19:15:35763검색

오늘 우리는 매우 유용하고 흥미로운 것에 대해 배울 것입니다: 쿠키 - 쿠키는 귀하의 웹 페이지를 방문한 사람들에 대한 정보를 기록하는 데 사용됩니다. 쿠키를 사용하면 방문자의 이름을 기록하고 방문자가 귀하의 사이트를 다시 방문할 때 따뜻한 환영 메시지를 보낼 수 있습니다. 쿠키를 사용하여 클라이언트의 특성을 기억할 수도 있습니다. 방문자가 느린 네트워크 케이블에 연결되어 있는 경우 쿠키는 웹페이지를 보낼 때 가능한 한 적은 이미지 콘텐츠만 보내도록 자동으로 알려줄 수 있습니다.

합리적인 범위 내에서(사용자의 개인정보를 조회하는 데 사용하지 않음) 쿠키를 사용하는 한 쿠키는 여전히 매우 유용합니다. 그래서 쿠키가 어떻게 작동하는지 소개하려고 합니다. 시작하기 전에 두 가지 JavaScript에 대해 이야기해 보겠습니다. 흥미로운 문자열 조작과 관련 배열입니다.

쿠키의 세계를 탐험하기 전에 왜 마법의 문자열 처리를 배워야 합니까? 쿠키도 문자열이기 때문입니다. 방문자 정보를 저장하려면 먼저 특수 쿠키 문자열을 생성해야 합니다. 이 정보는 방문자가 귀하의 사이트로 돌아올 때 읽혀지며, 이 시점에서 쿠키 문자열을 디코딩해야 합니다. 이러한 문자열을 생성하고 해석하려면 JavaScript 문자열의 작동 방식을 이해해야 합니다. 그러므로 우리는 먼저 문자열을 이해해야 합니다. 초보자라면 먼저 JavaScript 기본 튜토리얼의 두 번째 강의 내용을 읽어보세요. 예를 들면 다음과 같습니다.

var Normal_monkey = "나는 원숭이입니다!
"; document.writeln("Normal Monkey" Normal_monkey);
varbold_monkey = Normal_monkey.bold();
document.writeln("Bold Monkey"bold_monkey); 🎜 > varbold_monkey = Normal_monkey.bold();

은 다음 선언 쌍과 동일합니다.

varbold_monkey = "
" Normal_monkey "
";
첫 번째 버전의 성명서는 훨씬 더 간결해 보입니다. 여기서는 문자열 개체의 굵은 개체가 사용됩니다. 다른 문자열 개체에는 indexOf, charAt, substring 및 Split이 포함됩니다. 이러한 메서드는 문자열 구조에 깊이 들어갈 수 있습니다. 먼저 indexOf를 공부해 봅시다.

indexOf indexOf는 문자열에서 일련의 문자 위치를 찾고 하위 문자열의 시작 위치를 알려주는 데 사용됩니다. 문자열에 하위 문자열이 포함되어 있지 않으면 indexOf는 "-1"을 반환합니다. 예는 다음과 같습니다.
var the_word = "monkey";
"monkey"라는 단어부터 시작하겠습니다.

var location_of_m = the_word.indexOf("m");
location_of_m(문자 m의 위치)은 문자 m이 문자열의 시작 부분에 있으므로 0이 됩니다. var location_of_o = the_word.indexOf("o"); location_of_o(문자 o의 위치)는 1입니다.
var location_of_y = the_word.indexOf("y");
location_of_y) 문자 y)의 위치는 5입니다.

var cheaty = the_word.indexOf("q");
"monkey"라는 단어에 문자 q가 없으므로 Cheky 값은 -1입니다.

IndexOf가 더 실용적입니다.

var the_email = 프롬프트("이메일 주소가 무엇입니까?", "")
var the_at_is_at = the_email.indexOf("@"); 🎜>
if (the_at_is_at == -1)
{
Alert("패배자님, 이메일 주소에는 @ 기호가 있어야 합니다."); 코드 조각은 사용자에게 이메일 주소를 묻습니다. 사용자가 입력한 이메일 주소에 문자가 포함되어 있지 않으면 "@입력한 이메일 주소가 유효하지 않습니다. 이메일 주소에는 @ 문자가 포함되어야 합니다."라는 메시지가 사용자에게 표시됩니다.
charAt
chatAt 메소드는 문자열의 특정 위치에 있는 문자를 찾는 데 사용됩니다. 예는 다음과 같습니다.


var the_word = "원숭이";

var the_first_letter = the_word.charAt(0);
var the_second_letter = the_word.charAt(1)
var the_last_letter = the_word.charAt(the_word .length-1);

the_first_letter(첫 번째 문자)는 "m"
the_second_letter(두 번째 문자)는 "o"
the_last_letter(마지막 문자)는 "y"

문자열의 길이 속성을 사용하면 포함된 문자 수를 확인할 수 있습니다. 이 예에서 the_word는 "monkey"이므로 the_word.length는 6입니다. 문자열의 첫 번째 문자는 위치 0에 있으므로 마지막 문자의 길이는 1이라는 점을 잊지 마십시오. 따라서 the_word.length-1이 마지막 줄에 사용됩니다.


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.