1. 자바 스크립트는 사용자의 요청처리를 Event 모델을 통해 처리한다. - Event - 사용자가 특정동작(사건)을 가해 발생되는 신호(signal) - 마우스로 버튼 클릭, Text 입력양식에 글 입력, 페이지 로딩 등 - Event Handler - Event 발생시 처리하는 코드를 등록하는 것
예) <input type="button" value = "확인" onClick="alert('button클릭')"> <form action="a.jsp" onSubmit="alert('전송합니다.')">
실습
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function hello1(name){ alert("Hello"+name); } var hello2 = function(age){ alert("당신의 나이는 : "+age); } window.hello3 = function(){ alert("hello3 : "+sum(10,30)); } function sum(i,j){ return i+j; } // 위에 function sum의 다른 표현 /* var sum = function(i,j){ return i+j; } window.sum = function(i,j){ return i+j; } */ </script> </head> <body> <input type="button" value="hello1" onclick='hello1("홍길동")'> <input type="button" value="hello2" onclick="hello2(20)"> <input type="button" value="hello3" onclick="hello3()" onmouseout="alert('마우스아웃')"> <p> <a href="aaa" onmouseover="alert('마우스올라왔다.')">링크입니다.</a><br> <!-- onfocus 텍스트 창에 포커스가 발생, 포커스가 가면 value값을 공백으로 바꾸어줌 --> <!-- onblur 포커스를 잃었을때 발생하는 것 --> <input type="text" value="이름을 입력하세요" onfocus="this.value=''" onblur="alert(this.value)"> </body> </html>
