prototype.js에는 클래스를 작성하는Class오브젝트가 준비되어 있습니다.Class.create()(으)로서 신규 클래스를 작성합니다.이 때에initialize메소드가 불려 갑니다.
이하의 샘플은 「작성」버튼을 클릭한다고 정의된 클래스로부터 인스턴스를 작성합니다(age프롭퍼티에37가 설정됩니다).「표시」버튼을 클릭하면 인스턴스 오브젝트의printParam메소드를 호출합니다(age프롭퍼티의 값이 페이지상에 표시됩니다).(샘플을실행한다)
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>prototype.js샘플</title>
<script src="prototype.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
myObject = Class.create();
myObject.prototype = {
initialize: function() {
this.age = 37;
$("result").innerHTML = "Initialize";
},
printParam: function() {
$("result").innerHTML = this.age;
}
}
function createObj() {
aObj = new myObject();
}
function printdata() {
aObj.printParam();
}
// -->
</script>
</head>
<body>
<h1>prototype.js샘플</h1>
<form>
<input type="button" value="작성" onClick="createObj()">
<input type="button" value="표시" onClick="printdata()">
</form>
<div id="result"></div>
</body>
</html>
출처 : Tong - 드렁크수달스님의 ■ AJAX ■통
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|