객체-속성과 메서드

2014. 1. 29. 20:21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="ex_js_syntax">
<script type="text/javascript" language="javascript">
<!--
/* 객체란 속성과 메서드로 이루어진 대상 */
function obj_print(){
/* 메서드 - 출력 */
document.write("이름: "+this.names+" 성별: "+this.sex+" 주소: "+this.address+" | ");
}
function obj_att(value_name,value_sex,value_address){
/* 속성 - 특징 */
this.names = value_name;
this.sex = value_sex;
this.address = value_address;
this.obj_print = obj_print;
}
//-->
</script>
<script type="text/javascript" language="javascript">
<!--
/* 객체 선언 객체변수 = new 객체명(속성값) */
pp1 = new obj_att("로이","남","서울");
pp2 = new obj_att("레이","여","부산");
/* 객체 메소드 호출 = 객체변수.메소드명() */
pp1.obj_print();
pp2.obj_print();
//-->
</script>
</div>
</body>
</html>

--------------------------------------------------------------------------------------------

위 소스 예제 보기

객체(object) js에서는 상속이나 클레스 개념은 지원되지 않습니다.

내장된 객체나 사용자정의의 객체를 이용하실수 있습니다.

객체.속성

객체.메소드

이런식으로 쓰일수 있습니다.

기타 이벤트(예제없음) onLoad onUnload onAbort onError onResize (0)	2014.01.29
마우스 커서 이벤트 onmousemove onmouseover onmouseout - 마우스 커서 이동시, 마우스 커서 얻을때, 마우스 커서 잃을때 (0)	2014.01.29
마우스 클릭 이벤트 onclick ondblclick onmousedown onmouseup - 클릭, 더블클릭, 마우스 버튼 누를때, 마우스 버튼 놓을때 (0)	2014.01.29
Keyboard 이벤트 onkeydown, onkeyup, onkeypress - 키보드누를시, 키보드놓을시, 출력시 (1)	2014.01.29
form이벤트 onfocus, onblur, onchange, onsubmit - 포커스얻을시, 포커스잃을시, 교체시, 폼보낼시 (1)	2014.01.29