JavaScript에서 사용할 수 있는 팝업 상자에는 3가지 유형이 있습니다. 이들은 -
1. 경고 − Window.alert() 메서드는 선택적으로 지정된 내용과 확인 버튼이 있는 경고 대화 상자를 표시합니다.
예를 들어, 다음 스크립트를 실행하면 확인 버튼이 있는 "이것은 경고입니다"라는 내용의 경고 상자가 열립니다.
예시
<script>
alert("This is a alert");
</script> 경고 대화 상자는 메시지 승인 외에 사용자 측의 응답이 필요하지 않은 메시지에 사용해야 합니다.
2. 확인 − Window.confirm() 메서드는 선택적 메시지와 두 개의 버튼(OK 및 취소)이 있는 모달 대화 상자를 표시합니다.
예를 들어 다음 스크립트를 실행하면 확인 버튼과 취소 버튼이 있는 "이 작업을 확인하십시오"라는 내용의 확인 상자가 열립니다. 이것은 사용자가 제공한 입력에 따라 부울을 반환합니다.
예시
<script>
let bool = confirm("Please confirm this action");
console.log(bool);
</script> 확인을 클릭하면 true가 반환됩니다. 취소를 클릭하면 false가 반환됩니다.
대화 상자는 모달 창입니다. 대화 상자가 닫힐 때까지 사용자가 프로그램 인터페이스의 나머지 부분에 액세스하는 것을 방지합니다.
3. 프롬프트 − Window.prompt()는 사용자에게 텍스트를 입력하라는 선택적 메시지와 함께 대화 상자를 표시합니다.
예를 들어 다음 스크립트를 실행하면 확인 버튼과 취소 버튼이 있는 "이름을 입력하세요"라는 내용이 포함된 프롬프트 상자가 열립니다. 이것은 사용자가 제공한 문자열을 반환합니다.
예시
<script>
let name = prompt("Please enter your name");
console.log(name);
</script> 프롬프트에서 입력하면 콘솔에 이름이 기록됩니다.