자바스크립트 Popup Boxes

자바스크립트에는 세 종류의 팝업 상자가 있습니다: 경고 상자, 확인 상자 및 프롬프트 상자(Alert box, Confirm box, and Prompt box): .


경고 상자 (Alert Box)

사용자에게 정보를 확실하게 전달하기 위해, 경고 상자를 자주 사용합니다.

경고 상자가 나타나면(pops up), 사용자는 계속 진행하기 위해 “확인(OK)”을 클릭해야 합니다.

구문

window.alert() 메소드는 window 접두사 없이 작성할 수 있습니다.

Example


확인 상자 (Confirm Box)

confirm box는 사용자가 무언가를 확인하거나 수락하기를 원할 때 자주 사용됩니다.

확인 상자가 나타나면(pops up), 사용자는 “확인(OK)”또는 “취소(Cancel)”를 클릭해야 계속할 수 있습니다.

사용자가 “확인”을 클릭하면 상자는 true를 반환합니다 . 사용자가 “취소”를 클릭하면 상자는 false를 반환합니다.

구문

window.confirm() 메소드는 window 접두사 없이 작성할 수 있습니다.

Example

JavaScript Confirm Box


Prompt Box

사용자가 페이지에 들어가기 전에 값을 입력하도록, 프롬프트 상자를 자주 사용합니다.

프롬프트 상자가 나타나면, 사용자는 값을 입력한 후 “확인”또는 “취소”를 클릭해야 합니다.

사용자가 “확인”을 클릭하면 상자에 입력한 값을 반환합니다. 사용자가 “취소”를 클릭하면 상자는 null을 반환합니다.

구문

window.prompt() 메소드는 window 접두사 없이 작성할 수 있습니다.

Example

JavaScript Prompt


줄 바꿈(Line Breaks)

팝업 상자(popup box) 안에 줄 바꿈을 표시하려면, 백 슬래시 뒤에 문자 n을 사용하십시오.

Example

popup box 안에서 줄바꿈.

출처: JavaScript Popup Boxes

댓글 남기기