15. 대화상자
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>대화상자</title>
</head>
<body>
<script type="text/javascript">
// 자바스크립트에서의 3가지 대화상자(DialogBox)
// 경고 대화상자(메시지 박스) : alert()
// 확인 대화상자(컨펌 박스?) : confirm()
// 참(확인) 또는 거짓(취소)을 반환
// 입력 대화상자(인풋 박스?) : prompt() ==> 현재는 거의 안쓰인다.
// 경고
window.alert("안녕하세요.");
// 확인
var flag = window.confirm("남자 또는 여자?"); // flag에는 true/false
var msg = (flag == true) ? "남자군요..." : "여자군요..."; // 3항연산자 사용
window.alert(msg);
// 입력
var age = window.prompt("당신의 나이는?", "여기에 입력하시오...");
window.alert("당신의 나이는" + age + "입니다.");
</script>
</body>
</html>
< 실행결과 >
15.대화상자.htm
2. 1번째 확인 버튼을 누른 후 화면 ==> "확인 대화상자" 첫번째
3. 2번째에서 확인(true)버튼을 누른 후 화면.('취소(false)'버튼을 누르면 메시지박스에 "여자군요..."라는
텍스트가 나타난다. ==> "확인 대화상자" 두번째
4. 3번째에서 확인 버튼을 누른 후 화면 ==> "입력 대화상자" 첫번째
5. 입력란에 '21'이라는 값을 입력한 후 확인 버튼을 누른 후 화면 ==> "입력 대화상자" 두번째
