1.Alert
메세지 내용과 확인버튼만을 표현하는 화면 (주 사용 : 경고창 등)
<!DOCTYPE>
<html>
<head>
<script>
alert("안녕하세요");
</script>
</head>
<body>
</body>
</html>
2. Prompt
입력 메세지 창입니다. 하지만, 따로 숫자를 입력받는 방법은 없으니, 문자열을 입력받은 후 숫자로 변환해야합니다.
<!DOCTYPE>
<html>
<head>
<script>
prompt("안녕하세요", "여기다 쓰세요");
</script>
</head>
<body>
</body>
</html>
3. Confirm
메시지 버튼이 2개 확인, 취소( true, false )를 입력받습니다.
<!DOCTYPE>
<html>
<head>
<script>
confirm("수락하시겠습니까?");
</script>
</head>
<body>
</body>
</html>
마지막으로 응용편
AlertPromptConfirm사용법.htm<!DOCTYPE html>
<html>
<head>
<title>Untitled Page</title>
<script>
function confirmter() {
var input = confirm("1. 회원 가입을 수락하시겠습니까?");
if (input) {
var _prompt = prompt("2. 당신은 누구십니까?", "");
if (_prompt != null) {
alert("3. 반갑습니다!\n" + _prompt + "님");
} else {
var _confirm = confirm("3. 성함이 입력되지 않았습니다.\n다시 가입을 진행하시겠습니까?");
if (_confirm) {
// 다시 1번으로..
confirmter();
} else {
alert("4. 회원가입이 취소되었습니다.");
}
}
} else {
alert("2. 회원가입이 취소되었습니다.");
}
}
</script>
</head>
<body>
<!-- 버튼 클릭시 자바스크립트 함수를 실행한다. -->
<input type="button" onclick="confirmter()" value="버튼!"
</body>
</html>
'Dev > JavaScript' 카테고리의 다른 글
| Post 통신 테스트 모듈 (0) | 2012.10.30 |
|---|---|
| JavaScript 1.Hello Word (0) | 2012.06.23 |
| VISUAL WEB DEVELOPER 2010 EXPRESS 설치 (0) | 2012.06.23 |
| JavaScript 란? (0) | 2012.06.23 |
