15. 대화상자

.NET프로그래밍/JavaScript 1.2 2009. 7. 31. 10:57 |


<!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

1. 첫화면 ==> "경고 대화상자"



2. 1번째 확인 버튼을 누른 후 화면 ==> "확인 대화상자" 첫번째



3. 2번째에서 확인(true)버튼을 누른 후 화면.('취소(false)'버튼을 누르면 메시지박스에 "여자군요..."라는
    텍스트가 나타난다. ==> "확인 대화상자" 두번째



4. 3번째에서 확인 버튼을 누른 후 화면 ==> "입력 대화상자" 첫번째



5. 입력란에 '21'이라는 값을 입력한 후 확인 버튼을 누른 후 화면 ==> "입력 대화상자" 두번째


'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글

17. 선택문(switch문)  (0) 2009.07.31
16. 조건문(if~else문)  (0) 2009.07.31
14. 증감연산자  (0) 2009.07.31
13. 대입연산자  (0) 2009.07.30
12. 조건연산자  (0) 2009.07.30
Posted by holland14
:

티스토리툴바