MooTools-프로그램 구조
MooTools는 객체 지향 모델을 설계하는 데 사용할 수있는 도구입니다. 이 장에서는 MooTools 라이브러리의 간단한 예에 대해 설명하겠습니다.
예
여기서는 Class를 사용하여 Rectangle이라는 모델을 디자인합니다. 이를 위해 너비 및 높이 속성을 선언해야합니다.
다음 코드를 살펴보고 sample.html에 저장하십시오.
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javaScript">
var Rectangle = new Class({
//properties
width: 0,
height: 0,
//methods
initialize: function(widthVal, heightVal) {
this.width = widthVal;
this.height = heightVal;
},
details: function() {
document.write("Welcome to MooTools demo program");
document.write("Width: "+this.width+" Height: "+this.height);
},
});
var rec = new Rectangle(5,4);
rec.details();
</script>
</head>
<body>
</body>
</html>다음과 같은 출력을 받게됩니다.