▣ 자바스크립트 alert와 confirm 함수
■ 자바스크립트의 내장 함수 중에서 alert와 confirm 등 대화상자를 손쉽게 브라우저에 띄우고 사용할 수 있는 함수에 대해서 알아보겠습니다. 자바 스크립트의 대화 상자 중에서 "입력 대화 상자"인 prompt에 대해서 궁금하신 분은 아래 글 참고 하시면 됩니다. ^^
▶ prompt 입력 대화상자 : http://godvow.tistory.com/11
이 글에서는 먼저 alert 함수에 대해서 알아보겠습니다. alert 함수의 형식은 다음과 같습니다.
형식 : alert(문자열)
함수를 입력하고 출력될 문자열을 입력하면 되는데요. 메모장에 예제를 만들어 보겠습니다.
■ 메모장에 html 코드를 입력하고 alert 형식에 맞게 함수를 입력했습니다. 문자열에는 여러분이 입력하고 싶은 내용 아무거나 입력하셔도 됩니다. html 문서로 저장하고 인터넷 브라우저에서 열어보겠습니다.
■ 이렇게 내가 입력한 문자열의 내용이 alert 대화상자에 표시되어 나타납니다. ^^
다음은 confirm 함수에 대해서 알아보겠습니다. confirm 함수는 특정한 메시지를 사용자에게 알려서 [확인] 이나 [취소] 를 선택하게 하게 하고 선택한 결과에 따라서 다른 조치를 할 수 있게 해주는 대화상자입니다.
confirm 함수의 형식은 다음과 같습니다.
형식 : confirm(문자열)
이 역시도 예제를 하나 만들어보겠습니다.
■ aaa라는 변수에 confirm을 할당하고 문자열을 입력했습니다. 사용자가 [확인(true)]을 선택할 때 출력되는 문자열과 [취소(false)]를 선택했을 때 출력되는 문자열을 [if 문]을 이용해서 작성해봤습니다.
인터넷 브라우저에서 실행해보겠습니다.
■ 이렇게 문자열에 입력한 내용이 출력되면서 [확인]과 [취소] 중 선택을 해야 하는 confirm 대화상자가 나타나게 됩니다. "확인"과 "취소"를 각각 클릭했을 때 출력되는 문자열을 확인해보고 마무리할게요. ^^
■ 확인과 취소를 각각 눌러봤습니다. [IF문]을 이용해서 작성한 내용대로 출력되는 걸 확인할 수 있습니다.
이렇게 해서 자바 스크립트의 기본 대화상자 중에서 alert와 confirm 함수에 대해서 알아봤는데요. prompt 함수는 앞에서 언급한 글을 보시고 참고하시면 됩니다. 수고하셨어요.
