JavaScript 팝업 대화 상자

JavaScript에는 세 가지 유형의 팝업 창 또는 대화 상자가 있습니다.
  • Alert window
  • Confirmation window
  • Prompt window (Prompt dialog)

Alert window

사용자에게 정보를 표시하려는 경우 대화 상자가 사용됩니다. 대화 상자가 나타나면 사용자는 "확인"을 클릭하여 계속합니다.

예:
메소드 alert()

window.alert("메시지"); 

확인 창

사용자가 선택 사항을 확인하도록 하려면 확인 대화 상자가 사용됩니다. 확인 상자가 나타나면 사용자는 "확인" 또는 "취소"를 클릭하여 계속할 수 있습니다.
사용자가 "확인"을 클릭하면 작업이 "true"를 반환합니다. 사용자가 "취소"를 클릭하면 작업이 "false"를 반환합니다.

Example:
javascript 메서드 확인

if (confirm("선택하세요!")) {
  txt = "확인을 클릭했습니다!";
} else {
  txt = "취소했습니다!";
}

프롬프트 창

사용자에게 input 유형의 텍스트 필드를 채우거나 입력할 수 있는 옵션을 제공하려는 경우 프롬프트 대화 상자가 사용됩니다(예:
창이 나타나면 사용자는 이 필드를 채우고 "확인" 또는 "취소"를 클릭하여 계속 진행해야 합니다.
예:
javascript 프롬프트 메서드

var person = prompt("이름과 성을 입력하세요.", ""); 
if (사람== null || 사람== "") {
msg= "그만두다";
} else {
msg= "안녕하세요" + nobody + "! 잘 지내셨어요?";
}