자바스크립트
대화상자
대화상자는 다음과 같은 목적을 가지고 있습니다.
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('확인 아니면 취소 클릭 해 주세요', '초기값');">
더 자세한 예제는 다음 포스팅에서 계속 하도록 하겠습니다.
'프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글
자바스크립트 날짜와 시각 관련 함수 (2) | 2018.01.25 |
---|---|
자바스크립트 confirm 함수 예제 (0) | 2018.01.23 |
자바스크립트 - 마우스 이벤트 예제 (4) | 2018.01.17 |
[자바스크립트] 웹 브라우저에 정의된 객체에 대하여 알아보자 (4) | 2018.01.16 |
자바스크립트를 이용한 HTML 문서 작성 방법 (2) | 2018.01.15 |