posted by changhozz 2012. 8. 10. 13:49

--------------------------------------------------------------------------------------------------------
자바스크립트에 내장된 대화 상자를 이용한 인터페이스.

 

함수 

설명 

 alert

경고 메시지를 전달하기 위한 대화상자를 표시. 

 confirm 

사용자의 확인을 받기 위한 대화 상자를 표시.

 prompt 

사용자에게 내용을 입력받을 수 있는 대화 상자를 표시. 

-------------------------------------------------------------------------------------------------------alert  사용법,

alert("출력할 메시지");
ex) alert("단순히 전달사항을 출력할 때, \n 사용하는 함수는 alert입니다.");

여기서 짱나는게, \n대신 <br>로는 또 못띄어, 뭐이래

document.write("단순히 <br> 입니다.");
출력결과 : 단순히   
                입니다.

이렇게 document.write()에서는 저렇게 <br>을 써도 가능한데,
alert() 에서는 <br> 저렇게 쓰면 같이 출력되버림.
대신 좆같은건, document.write("단순히 \n 입니다."); 해도 안돼.
그냥 띄지도않고 비워진상태로 '단순히 입니다' 라고 출력된다.

----------------------------------------------------------------------------------------------------
confrim함수는 alert처럼 창이 뜨면서 [확인] [취소] 버튼이 같이뜬다.
이때 [확인]은 true이고 [취소]는 false이다. 

confirm 사용법,

반환값 = confirm(출력할 메시지);
ex)
answer = confirm("[확인]  [취소]중 선택 : 수강 신청을 하시겠습니까?")
if(answer ==true)
document.wirte("등록되었습니다.");
else
document.write("취소되었습니다. 다시 신청해 주세요.")

----------------------------------------------------------------------------------------------------------
prompt 함수는 원하는 데이터를 키보드에서 입력받고 싶을 때 prompt 함수를 사용한다.
prompt 함수는 입력 대화 상자가 나타나도록 한다.

 

내용 

설명 

 메시지

대화상자에 나타날 설명. 

초기값 

텍스트 박스에 기본적으로 나타나는 문자열이나 숫자를 설정한다.
텍스트 박스에 아무런 내용이 없도록 하려면 [초기값]을 " "로 한다. 

반환값 

텍스트 박스에 입력된 내용이 [반환값]에 들어간다. 반환값을 문자열로 처리한다. 

ex)

<html>
 <head>
    <title>
     메시지 박스
    </title>
  </head>
  <body>
   <h1> prompt 함수를 사용하는 예제</h1><br>
   <script language = "javascript">
    <!--
    name = prompt("이름을 입력하세요!" , "");
    document.write(name + "씨 홈페이지를 찾아주셔서 감사합니다.")  
     //-->
   </script>
  </body> 
</html>

요딴식으로
prompt("창에띄울 내용"," 입력창에 띄울 내용");

이런식으로 문자열을 콤마로 연결하여 쓰는데,
뒤에 있는 문자열엔 보통 "" 이런식으로 내용없이 선언만해주고,
입력창에 아무내용이 써있지 않도록 한다.

------------------------------------------------------------------------------------------

 

 

 

 

 

 

 

 

 

 

 

 

 

'자바스크립트' 카테고리의 다른 글

자바스크립트 정리 <7>  (0) 2012.08.13
자바스크립트 <6>  (0) 2012.08.13
자바스크립트. <4>  (0) 2012.08.10
자바스크립트 정리.<2>  (0) 2012.08.10
자바 스크립트 정리.<1>  (0) 2012.08.08