인터넷을 사용하다보면 여러가지 상황에서 발생하는 문제에 대해서 사용자에게 알려야 하는 경우가 있는데요. 대표적인 경우가 바로 에러나 위험을 알리는 경고창이 있습니다.
이렇게 사용자에게 경고창을 띄워서 이런 위험요소를 알리는 방법으로 javascript 에서는 alert 라는 메소드를 통해 이런 기능을 수행할 수 있습니다.
그래서 간단하게 javascript alert 기능을 구현해 보도록 하겠습니다.
위의 그림은 w3schools 사이트에서 제공하고 있는 예제입니다.
예제를 참고해서 한번 나만의 alert 예제를 만들어 보겠습니다.
소스코드
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function message(){ var message = "경고입니다."; alert(message); } </script> </head> <body> <input type="button" value="alert" onclick="message()"> </body> </html>
실행 결과
화면의 alert버튼을 누르면 다음과 같이 경고창의 메세지가 뜹니다.
이런식의 기능에는 확인창과 입력창이 있는데요 이부분에 대해서도 다음시간에 알아보도록 하겠습니다.
답글 남기기