JavaScript에는 스크립트에서 추가 처리를 위해 사용자로부터 데이터를 수신할 수 있는 세 가지 기본 작업이 있습니다. 이들은 경고, 프롬프트 및 확인입니다. 사용 목적, 사용 방법 및 기타 뉘앙스는 이 기사의 뒷부분에서 설명합니다.

알리다

브라우저 화면에 모달 창을 표시하는 데 사용됩니다(이는 사용자가 이 창을 닫을 때까지 페이지에서 아무 것도 클릭할 수 없음을 의미합니다. 이 예에서는 창에서 "확인"을 클릭할 때까지).

경고에 포함된 메시지를 표시한 후 스크립트 실행이 일시 중단되고 모달 창이 닫힌 후 다시 시작됩니다.

채우는 경우필드를 입력하고 확인을 클릭하면 스크립트는 사용자가 입력한 정보를 반환합니다.

이 명령의 구문사용자의 이의 제기 텍스트와 기본적으로 표시되는 정보 입력 필드의 내용을 설정할 수 있기 때문에 이전 것보다 다소 복잡합니다. = 프롬프트(제목, 기본값) ;, 어디

• 제목- 모달 창에서 사용자에게 표시될 메시지입니다. 인수는 필수 항목입니다.
• 기본- 기본적으로 텍스트 입력 필드에 표시될 내용입니다. 또한 설정하지 않으면 일부 브라우저에서 오류가 발생할 수 있으므로 반드시 입력해야 합니다. 입력 필드를 비워 두려면 다음과 같이 프롬프트를 설정하십시오.

  var myTest = prompt("모든 정보" , """);

작은 프롬프트 사용 예:

var 연도 = 프롬프트( "당신은 고등학교를 몇 학년에 졸업했습니까?", 2008); alert("당신은 올해의 " + year + " 졸업생입니다!" ) ;

일반적으로 이 명령은 스크립트가 추가 작업을 계속하는 데 필요한 데이터를 사용자로부터 수집하는 데 사용됩니다.

확인하다

또한 나타냅니다 모달 창. 이름에서 유추하기 어렵지 않기 때문에 일반적으로 사용자와 무언가에 동의할 때 사용합니다.

이를 위해 날카롭게 - 상호 작용을 위해 스크립트에 부울 값 true 및 false를 각각 반환하는 OK 및 CANCEL 버튼을 사용자에게 제공합니다. 등급: 4(평균 4/5)

이번 강의에서는 window 객체의 메소드인 alert() , prompt() , Confirm() 에 대해 알아보겠습니다.

경고() 메서드

alert() 메서드는 사용자 화면에 지정된 메시지와 확인 버튼이 있는 경고 대화 상자를 표시하기 위한 것입니다. 중요한 정보를 사용자에게 전달하는 데 사용할 수 있습니다.

window.alert(매개변수_1);

alert() 메서드에는 대화 상자에 표시되는 메시지 텍스트인 하나의 필수 매개 변수가 있습니다. 이 메서드는 실행 결과로 아무 것도 반환하지 않습니다.

예를 들어 링크를 클릭할 때 사이트 방문자에게 경고 대화 상자를 표시해 보겠습니다. 사이트로 이동

메서드 내에서 문자열을 지정할 수 있습니다. HTML 태그오. 여기에서 처리되지 않고 있는 그대로 표시됩니다.

지정하려는 문자열이 매우 길고 다음으로 이동하려는 경우 새로운 라인, 다음은 html 태그입니다.
작동하지 않습니다. 여기서 "\n" 문자를 사용해야 합니다.

Alert("으어어어엉 \nStringgggggg");

이 방법이 자주 사용됩니다 코드에서 오류를 찾으려면.

코드를 처리하는 과정은 위에서 아래로 진행되기 때문에 오류를 잡기 위해 오류가 있는 의도된 영역에 alert() 메서드를 작성하면 됩니다. 그리고 alert()가 작동했다면 그것이 쓰여진 줄까지 오류가 없습니다.

다음으로 한 줄 이상 아래로 이동해야 합니다. 변경 사항을 저장하고 브라우저에서 페이지를 다시 새로 고친 다음 alert()가 작동했는지 확인합니다. 작동하지 않으면 오류는 현재 위치 위의 줄에 있습니다.. 이런 식으로 코드에서 오류를 찾을 수 있습니다.

확인() 메서드

이 방법은 일부 질문에 대한 답변을 확인하는 데 사용됩니다. 예(확인) 또는 아니오(취소/취소)의 두 가지 응답 옵션만 있습니다. 사용자가 예라고 대답하면 메서드는 true를 반환하고 그렇지 않으면 false를 반환합니다.

예를 들어, 확인() 메서드를 사용하여 창을 표시하고 사용자에게 "페이지를 떠나시겠습니까?"라고 묻습니다. 사용자가 예라고 대답하면 alert() 메서드를 통해 "사용자가 페이지를 떠나고 싶어합니다"라는 메시지를 표시하고, 그렇지 않으면 "사용자가 페이지를 떠나고 싶지 않습니다"라는 또 다른 메시지를 표시합니다.

Var user_answer = confirm("페이지를 종료하시겠습니까?"); if(user_answer) alert("사용자가 페이지를 떠나고 싶어합니다."); else alert("사용자가 \n페이지를 떠나기를 원하지 않습니다.");

이것이 확인() 메서드가 작동하는 방식입니다. 그것은 다른 경우에 사용할 수 있습니다. 예를 들어 사이트에서 무언가를 삭제하기 전에 사용자에게 자신의 행동에 대해 확신하는지 묻는 것이 일반적입니다. 또는 양식을 제출하기 전에 사용자에게 "모든 것을 올바르게 작성하셨습니까?"라고 물어볼 수도 있습니다. 예라고 답하면 양식이 전송되고 그렇지 않으면 전송되지 않습니다.

프롬프트() 메서드

그리고 마지막으로 배울 메소드는 prompt() 메소드입니다. 이 방법은 다른 두 가지 방법보다 덜 자주 사용됩니다. 그것은 당신이 텍스트 필드에 입력할 사용자로부터 일부 정보를 얻을 수 있습니다.

결과적으로, prompt() 메서드는 사용자가 확인 버튼을 클릭한 경우 입력 문자열을 반환하고 사용자가 취소 버튼을 클릭한 경우 null을 반환합니다.

매개변수로, 즉 괄호 안에 이 방법사용자에게 어떤 정보를 입력해야 하는지 알려주는 프롬프트나 질문을 작성할 수 있습니다.

예를 들어 사용자에게 "이름이 무엇입니까?"라는 질문에 대답하도록 요청해 보겠습니다. 사용자가 입력한 이름은 alert() 메서드를 사용하여 화면에 표시됩니다.

Varname = prompt("이름이 무엇입니까?"); alert("당신의 이름은 " + name);

브라우저에서 페이지를 저장하고 엽니다.

물론 프롬프트() 메서드에서 텍스트 필드에 모든 정보를 입력할 수 있습니다. 이 정보는 숫자나 기타 특수 문자의 경우에도 문자열로 반환됩니다.

예를 들어, 사용자에게 나중에 곱하기 위해 두 개의 숫자를 입력하라고 합시다. 숫자를 곱하는 계산기가 있습니다.

Var x = prompt("첫 번째 숫자를 입력하세요:"); var y = prompt("두 번째 숫자를 입력하세요:"); //입력된 숫자를 문자열형에서 숫자형으로 변환 x = Number(x); y = 숫자(y); document.write(x + " * " + y + " = " + (x * y));

입력된 숫자는 문자열이므로 정확한 곱셈 결과를 얻으려면 이 숫자를 문자열 유형에서 일반 숫자로 변환하는 Number() 함수를 통해 전달해야 합니다.

그게 다야. 이제 세 가지 방법을 더 알고 있습니다. 경고(), 확인() 및 프롬프트(). 실전에서 안전하게 사용할 수 있습니다.

• 창 개체 메서드;
• alert() 메소드: 짧은 요약;
• 확인() 메서드 - 편지 쓰기;
• prompt() 메서드 - 친해지자, 저는 Stirlitz입니다.

그래서, 브라우저 객체. 그리고 무엇보다도 - 그들 중 가장 오래된 것, 물체 창문.

다음은 객체의 주요 메소드입니다. 창문(그 외에 다른 것도 있지만 거의 쓸모가 없으며 불필요한 정보로 두뇌를 어지럽히 지 않기 위해 세 번째 시리즈로 미루겠습니다.)

우리는 이미 알고 있습니다 창문종종 암시되지만 철자는 아닙니다.

다양한 대화 상자 불러오기

대화 상자는 프로그램에서 사용자와 상호 작용하는 데 사용됩니다.

경고() 메서드

우리는 연구 초기에 그것을 분석했습니다. 메시지와 확인 버튼이 있는 간단한 대화 상자를 만듭니다. 모든 상호 작용은 사용자가 이 단일 버튼을 눌러 이 창을 멀리 떨어진 곳으로 보낼 수 있다는 사실로 제한됩니다(감사합니다).

확인() 메서드

방법 확인하다()이미 사용자가 "예" 또는 "아니오"라고 말하는 가장 간단한 "부울" 결정을 내릴 수 있습니다.

예를 들어 다음 버튼을 클릭합니다.

작은 장난 죄송합니다. 뒤로가기 버튼 사용법을 숙지하시길 바랍니다.

모든 것이 어떻게 정리되어 있습니까? 물론 이 방법을 경고와 결합한 것을 보셨을 것입니다. 그리고 이것은 삽입된 함수의 도움으로 수행됩니다. .

이 메서드는 다음 두 값을 반환합니다. 진실(확인된 경우) 및 거짓(취소된 경우).

에 진실해당 페이지(속성 href물체 위치) 해당하는 출력 알리다(). 그렇지 않으면(즉. 거짓) 그냥 다른 출력 알리다().

그리고 버튼에서 이벤트의 함수를 호출합니다. 온클릭:

그런 다음 이벤트 핸들러에서 이 함수를 호출해야 합니다. 제출시꼬리표