alert, prompt, confirm 함수

브라우저 환경에서 사용하는 사용자 인터페이스 기능(user interface function) : alert, prompt, confirm

 

alert 

-확인 버튼을 누를 때까지 메세지를 보여주는 창(modal window)이 계속 떠있는 기능

( alert( ‘hello’ ); )

 

*modal 이란 단어엔 페이지 나머지 부분과 상호작용이 불가능하다는 의미가 내포되어 있다고 한다

 

prompt #input 

-이 함수는 두 개의 인수를 받고 메세지와 input field, 확인/취소 버튼이 있는 모달 창을 띄워준다

( prompt(title, [default]) ) // 인수를 감싸는 대괄호는 필수가 아닌 선택값이라는 의미이다

 

title : 사용자에게 보여줄 메세지

default : input field의 초기값(선택값) // prompt 창이 뜰 때 나타나 있다

 

대게 사용할 때는 두번째 인수에 특정값을 넣지 않는 이상 빈 문자열(‘ ’)로 넣어준다

 

confirm

-question과 확인(true)/취소(false) 버튼이 있는 모달 창을 띄워준다

 

chrome 개발자 도구에서 실행해본 코드들

요약

공통적으로 세가지 모두 modal 창을 띄워준다

modal 창이 떠 있는 동안은 스크립트의 실행이 일시 중단된다

modal 창의 위치와 모양은 브라우저가 결정한다

 

-alert(message)

-prompt(message, defalut) : 입력창(input field), 취소 또는 esc => null

-confirm(question) : 확인 => true, 취소 또는 esc => false