[1] 대화상자
Window 객체 : 웹브라우저의 전역 객체
- 이 객체에는 대화상자를 표시하기 위한 3개의 메서드가 있다. : alert, prompt, confirm
- Window 객체의 메서드는 앞에 붙은 window. 부분을 생략하고 호출할 수 있다.
대화상자?
- 입력을 하거나 메시지를 확인하기 위해 별도로 여는 창
대화상자는 모달(modal) 창
- 대화상자가 떠 있는 중에는 부모 창의 작업이 일시적으로 정지 상태가 되어 부모 창을 조작할 수 없게 된다. 또한 대화상자에서는 일반 텍스트만 표시할 수 있으며 줄 바꿈 문자 등은 이스케이프 시퀀스로 표현한다.
< 대화상자를 표시하는 메서드 >
[wptb id=2596][2] alert (경고 대화상자)
alert 메서드는 경고 대화상자를 표시
인수로 경고 문자열을 받는다. 아래에서는 “안녕하세요”
alert("안녕하세요!");
이 코드가 실행되면 다음과 같은 창이 뜬다.
[3] prompt (입력 대화상자)
prompt 메서드는 입력 대화상자를 표시
인수로는 입력을 보조하는 문자열을 받는다.
var name = prompt("이름을 입력하세요");
두번째 인수로 초기 입력값을 지정할 수 있다.
var name = prompt("이름을 입력하세요", " 홍길동");
prompt 메서드가 반환하는 값은 문자열이다. 숫자 값으로 구하려면 parseInt, parseFloat 메서드를 활용해서 숫자로 바꾸어줘야 한다.
var age = parseInt(prompt("나이를 입력하세요"));
var height = parseFloat(prompt("키를 입력하세요"));
[4] confirm (확인 대화상자)
confirm 메서드는 확인 버튼과 취소 버튼이 있는 확인 대화상자를 표시한다.
인수로는 메시지를 뜻하는 문자열을 받는다.
var ret = confirm("링크를 표시하겠습니까?");
confirm 메서드는 논리값을 반환한다.
확인 버튼을 누르면 true가 반환되고, 취소 버튼을 누르면 false가 반환된다.
< 참고문헌 >
🔹주 참고문헌 : 모던 자바스크립트 입문 – 이소 히로시 지음, 서재원 옮김
🔹MDN Web Docs
