자바스크립트 - 팝업박스

 

자바스크립트는 세 종류의 팝업 박스를 제공한다.

1. Alert Box
2. Confirm Box
3. Prompt Box

 

 

1. Alert Box

 

 Alert Box는 사용자에게 확인해야 할 정보를 제공할 때 사용한다. Alert Box가 뜬 경우에는 사용자는 반드시 "OK" 버튼을 클릭해야 진행이 가능하다.

 

alert("사용자게에 제공할 정보");

 

[Alert Box 출력 예] 

 

 

2. Confirm Box

 

 Confirm Box는 사용자에게 확인을 하거나 수락을 받을 때 사용하는 박스이다. Confirm Box가 나타나면 사용자는 "OK"나 "Cancel" 둘 중에 하나를 선택해야 진행할 수 있다. "OK"를 선택하면 true를 반환하고, "Cancel"를 선택하면 false를 반환한다.

 

confirm("사용자에게 보낼 내용");

 

예제코드)

var reply = confirm("Do you want to process any job?"); 

 

if (reply) {

    document.writｅ("go");

} else {

    document.writｅ("nothing");

} 

 

[위 예제의 실행화면(오타는 무시)]

 

 

3. Prompt Box

 

 Prompt Box는 사용자로부터 어떤 입력 값을 받기 위해 사용한다. Prompt Box가 나타나면 사용자는 입력 값을 입력한 후 "OK"나 "Cancel"를 선택할 수 있다. 만약, 사용자가 "OK"를 선택하면 입력한 값을 반환하고, "Cancel"을 입력하면 null를 반환한다.

 

prompt("sometext", "defaultvalue");

 

[Prompt Box 출력 예]