반응형
객체(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반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 08.JavaScript - 변수선언과 초기화, 참조설명 (0) | 2009.07.30 |
|---|---|
| 07.JavaScript - 기본 출력문 (0) | 2009.07.30 |
| 05.JavaScript - 자바스크립트 작성시 주의사항 (0) | 2009.07.30 |
| 04.JavaScript - 태그내에 자바스크립트 정의 (0) | 2009.07.30 |
| 03.JavaScript - 자바스크립트 코드 분리 (0) | 2009.07.30 |
Comments