자바스크립트(JavaScript) 기초강좌 - 5장. MessageBox


자바스크립트(JavaScript) 기초강좌 - 5장. MessageBox

5장. MessageBox

5.1) 경고(alert)

* [형식]

alert('문자열');

* 사용자의 주의를 환기 시킬 필요가 있을 때 경고(alert) Message를 출력한다. alert('문자열')의 문자열에 '\n'을 사용하면 문자열의 줄바꿈이 일어난다.

* 문자열은 double quote(")나 single quote(')로 감싸야 하는데 주로 (")를 사용한다. 단 (")가 중첩될 경우 (')를 사용한다.

 

* 예제

<HTML>

<BODY>

<A HREF="javascript:alert('안녕하세요!')">홈으로</A><BR>

<A HREF="javascript:alert('제이콤텍입니다.')">Login</A><BR>

<A HREF="javascript:alert('자바누리입니다.')">Logout</A><BR>

</BODY>

</HTML>

 

5.2) Prompt

* [형식]

prompt('Display Message', '초기값');

 

* 사용자의 입력상태에 따라 다른 반응을 보이고자 할 때 Prompt Box를 사용한다. 이것은 alert와는 달리 단독으로 사용되는 경우는 드물고 다른 자바스크립트 코드들과 함께 사용된다.

* 초기값이 없으면 ''를 사용한다.

* 예제

<HTML>

<HEAD>

<SCRIPT Language="JavaScript">

function login()

{

pass = prompt('Password를 입력하세요', '');

 

if (pass == "1234")

location.href = "welcome.html";

else

alert("Password를 다시 입력해 주세요!");

}

</SCRIPT>

</HEAD>

 

<BODY>

<A HREF="javascript:login();">암호입력</A>

</BODY>

 

</HTML>

 

※ window.location.href는 해당 URL로 이동시키는 역할을 한다.

 

5.3) Confirm

* [형식]

confirm('문자열');

* Confirm Box는 말 그대로 뭔가를 확인할 때 사용하는 Box이다.

* 확인버튼을 누르면 true, 취소버튼을 누르면 false가 return된다.

 

* 예제

<HTML>

<HEAD>

<SCRIPT Language="JavaScript">

sure = confirm("자바누리로 이동하시겠습니까?");

 

if (sure)

location.href = "www.javanuri.com";

else

document.write("<H3>자바누리로 이동하지 않았습니다.</H3>");

</SCRIPT>

</HEAD>

</HTML>

이미지 맵

'IT Computer Utility/ETC' 카테고리의 다른 글

이전 글 다음 글