Web programing/Javascript

Javascript 이벤트 Alert 대화상자

sosal 2014. 7. 26. 11:15
반응형

/*

 * http://sosal.kr/

 * made by so_Sal

 */



대화상자 :: 사용자에게 어떤 내용을 알려주는것

alert()

alert 메소드는 인자로 전달받은 문자열을 새로운 메시지 창에 표시하고,
사용자가 확인버튼, (혹은 ok)을 누를때 까지 alert 이후의 스크립트 내용이나
html 문서 내용에 대한 실행을 잠시 중단함

매개변수는 () 안에 들어가게 됩니다.

사용되는 경우?
 -> 폼 입력(id, pw 입력칸)에서 잘못된 자료가 발견된 경우
ex) 비밀번호가 틀렸거나 아이디를 적지 않을경우..
 -> 계산 결과가 오류를 발생시키는 경우
 -> 특정 서비스가 주어진 환경에서 수행 불가능할 때 사용자 경고
ex) 당신은 admin 페이지에 권한이 없습니다. 등.


 


사용법
<script>
alert("확인되었습니다.");
</script>


그럼 정말 alert() 발생시 문서 실행을 중단하는지 확인해봅시다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script>
  alert("확인되었습니다.");
  document.write("환영합니다.");
  </script>
 </HEAD>

 

 <BODY>
 
 </BODY>
</HTML>

위 파일을 만들어서 브라우저로 실행시켜보면,
정말 "확인되었습니다" alert 이벤트를 확인 키로 종료하기 전까지
"환영합니다." 문자열이 뜨지 않는걸 확인할 수 있습니다.