자바스크립트 경고메시지 종류

1. 경고 상자 ( alert )

대화 상자를 통하여 간단하게 유저와 상호 반응할 수 있다. 대화 상자에서는 정보를 나타낼 수도 있고 받을 수도 있다. 자바 스크립트로 경고 (alert), 프롬프트(prompt), 확인(confirm) 대화 상자를 만들 수 있다. 다음 강좌 페이지들은 이것에 대해 설명해 놓았다.
웹 페이지 상의 버튼들과 같이 모든 대화 상자들은 유저의 작동 시스템의 표준 부분들을 사용한다. 예를 들면 경고 대화 상자는 매킨토시와 윈도우즈에서 약간씩 다르게 나타난다. 경고 대화 상자는 경고 아이콘과 작업자가 지정한 텍스트가 들어 있는 표준 대화 상자이다. 유저가 OK 버튼을 누르면 대화상자가 지워진다. 경고 명령으로 경고 대화 상자를 나타낼 수 있다.

<html>
<head>
<title>경고메시지 나타내기</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide
alert("안녕하세요. 저의 홈페이지에 오신 것을 환영합니다.");
// stophiding -->
</SCRIPT>
</head>

<body>
</body>
</html>

alert("message")

  1. alert
    alert 명령을 지정하여 밑의 코드 실행 결과에서처럼 간단한 대화 상자를 나타낸다.
  2. ( )
    메시지 주위에 괄호를 집어넣는다. 이것은 자바 스크립트 표시이다.
  3. "message"
    인용부호 내에 원하는 메시지를 써넣는다.
■ 코드 실행 결과

2. 확인 상자 ( confirm )

버튼이 두개 있는 것(밑의 코드 실행 결과 참조) 말고는 확인 대화 상자는 경고 대화 상자와 똑같다. 윈도우즈에는 OK와 Cancel 버튼이 있고, 매킨토시에는 Yes와 No 버튼이 있다. 두개의 버튼으로 유저에게 간단한 질문을 하게 되어 있다. 확인 대화 상자는 유저의 답을 스크립트에 반영시켜 준다. 즉 True나 fale를 써 넣은 곳에 명령어를 사용할 수 있다. 유저가 OK를 선택하면 확인 대화 상자는 true로 알게 된다. confirm 명령으로 확인 대화 상자를 만들 수 있다.

<html>
<head>
<title>확인 대화상자 나타내기</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide
document.write(confirm("저의 홈페이지에 들어오실 겁니까?"));
// stophiding -->
</SCRIPT>
</head>

<body>
</body>
</html>

document.write(confirm("message"))

  1. confirm( )
    confirm()을 이용하여 OK와 Cancel 버튼이 있는 대화 상자를 나타낸다.
  2. "message"
    대화 상자에 나타내고 싶은 텍스트를 인용 부호 안에 지정해 놓는다.
  3. document.write( )
    confirm 명령은 true와 false 논리값을 반영하므로 스크립트가 이 값을 사용할 수 있다. document.write()의 괄호 안에 confirm()을 집어넣으면 유저의 대답이 HTML 페이지에 나타나게 된다.
■ 코드 실행 결과

3. 프롬프트 상자 ( prompt )

프롬프트 대화 상자에는 기본적인 대화 상자에 있는 외에 또 다른 구성 요소가 들어 있다. 유저가 OK를 클릭하면, 유저가 텍스트 난에 입력한 내용인 프롬프트 명령 위치에 놓이게 된다. 이렇게 하여 유저로부터 텍스트 정보를 받게 되는 것이다.
앞서의 다른 명령어들과는 달리 prompt()는 괄호 안에 한 개 이상의 항목을 사용한다. 이것들을 인자라고 하는데 작업자가 명령어에 주는 정보이다. 인자가 하나 이상 있을 때는 각각을 쉼표로 분리시킨다. 프롬프트 명령의 두 개의 인자들은 디스플레이될 메시지와 텍스트 난에 나타날 첫번째 (초기) 텍스트를 지정한다.

<html>
<head>
<title>프롬프트 대화상자 나타내기</title>
</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide
document.write(prompt("당신이 가장 좋아하는 운동은 무엇입니까?"));
document.write("는 좋은 운동입니다.");
// stophiding -->
</SCRIPT>
</body>
</html>

document.write(prompt("message","")

  1. prompt( )
    이것은 괄호 앞의 프롬프트 명령을 지정한다. 괄호를 사용하여 인자를 담고 있다.
  2. "message"
    대화 상자에 나타낼 첫번째 인자인 메시지를 지정한다.
  3. ," "
    쉼표를 써넣고 나서 두번째 인자인 텍스트 난에 넣을 초기 텍스트를 써넣는다. 두 개의 인용 부호("")를 써넣어 자바 스크립트로 하여금 그 난을 빈칸으로 두게 한다.
  4. document.write( )
    prompt()가 유저가 입력한 텍스트로 바뀌기 때문에 아래 코드 실행 결과에서처럼 document.write()와 함께 이것을 페이지에 나타내 놓을 수 있다.

■ 코드 실행 결과



Posted by 행복한 프로그래머 궁금쟁이박

댓글을 달아 주세요

  1. BlogIcon 에어림 2008.04.04 00:54 신고  댓글주소  수정/삭제  댓글쓰기

    왠 넷스케이프냐.. ㅎㅎ 오랜만에 본당

  2. BlogIcon 셈틀쟁이 2008.04.04 12:18 신고  댓글주소  수정/삭제  댓글쓰기

    컨펌 박스 의외로 유용함 ㅎㅎㅎ

  3. 2009.12.12 13:26  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다