자바스크립트 대화상자 - alert() confirm() prompt()

자바스크립트

대화상자

 

 

 

대화상자는 다음과 같은 목적을 가지고 있습니다.

 

1. 사용자에게 메시지를 전달하기 위해

2. 사용자의 선택이 필요한 작업을 위해

3. 사용자로부터의 입력이 필요한 작업을 위해

 

자바스크립트를 이용하여 경고 및 확인, 프롬프트 대화 상자를 만들어 정보나 경고를 나타내는 메시지를 출력 할 수 있습니다.

그럼 각각의 메소드에 대하여 알아보도록 하겠습니다.

 

alert() 메소드

- 사용자에게 정보나 경고 메시지를 전하기 위해 사용 됩니다.

- 확인 버튼을 누르면 메시지는 사자립니다.

 

형식

 - alert("보여주고 싶은 내용")

 

confirm() 메소드

- 경고 대화 상자와 유사한 형태 입니다.

- 확인과 취소 두 개의 버튼이 보여지고, 사용자가 클릭한 버튼에 따라 값을 리턴하여 처리 됩니다.

 

형식

- confirm("보여주고 싶은 내용")

 

prompt()

- 메소드를 사용하여 사용자로부터 한 줄의 입력을 받으 수 있습니다.

- confirm() 함수처럼 확인과 취소 두 개의 버튼이 타나납니다.

- 확인 버튼을 누르면 사용자가 입력한 값이 반환되고, 취소 단추를 누르면 null 값이 반환 됩니다.

 

형식

- prompt("보여주고 싶은 내용", "초기값")

 

예제

<input type="button" value="alert"  onClick="alert('안녕하세요~!!');">

<input type="button" value="confirm"  onClick="confirm('확인 아니면 취소 클릭 해 주세요');">

<input type="button" value="prompt"  onClick="prompt('확인 아니면 취소 클릭 해 주세요', '초기값');">

 

 

더 자세한 예제는 다음 포스팅에서 계속 하도록 하겠습니다.