jQuery | javascript | CSS
06.JavaScript - 객체, 속성, 메서드, 이벤트 사용
Godffs
2009. 7. 30. 22:50
반응형
객체(Object) : 데이터를 갖고 동작을 수행 가능하게 할 수 있는것
속성(Propety) : 객체가 지니고 있는 성질, 특성, 색상 등을 표현 가능 한 것
메서드(Method) : 객체의 동작 수행 시키는것 ( 내용 )
이벤트(Event) : 객체의 동작 수행의 결과 ( 이벤트 핸들러 )
예제)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>객체(개체) 속성 메서드(함수) 이벤트</title>
<script language="javascript" type="text/javascript">
document.write("1. 객체.메서드()");
document.title="2. 객체.속성";
</script>
</head>
<body>
<!--
click : click 이벤트
onclick : click 이벤트 발생시 실행할 onclick 이벤트 핸들러(처리기)
-->
<input type="button" value="클릭" onclick="window.alert('안녕');" />
</body>
</html>
웹 브라우저 안에 출력(body부분)
웹브라우저 타이틀 부분으로 제목
click : click 이벤트
onclick : click 이벤트 발생시 실행할 onclick 이벤트 핸들러(처리기)
속성(Propety) : 객체가 지니고 있는 성질, 특성, 색상 등을 표현 가능 한 것
메서드(Method) : 객체의 동작 수행 시키는것 ( 내용 )
이벤트(Event) : 객체의 동작 수행의 결과 ( 이벤트 핸들러 )
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>객체(개체) 속성 메서드(함수) 이벤트</title>
<script language="javascript" type="text/javascript">
document.write("1. 객체.메서드()");
document.title="2. 객체.속성";
</script>
</head>
<body>
<!--
click : click 이벤트
onclick : click 이벤트 발생시 실행할 onclick 이벤트 핸들러(처리기)
-->
<input type="button" value="클릭" onclick="window.alert('안녕');" />
</body>
</html>
웹 브라우저 안에 출력(body부분)
웹브라우저 타이틀 부분으로 제목
click : click 이벤트
onclick : click 이벤트 발생시 실행할 onclick 이벤트 핸들러(처리기)
06.자바스크립트객체속성메서드이벤트사용.htm반응형