MooTools - Cấu trúc chương trình

MooTools là một công cụ có thể được sử dụng để thiết kế các mô hình hướng đối tượng. Chúng ta hãy thảo luận trong chương này một ví dụ đơn giản về thư viện MooTools.

Thí dụ

Ở đây chúng ta sẽ thiết kế một mô hình có tên là Rectangle using Class. Đối với điều này, chúng ta cần khai báo các thuộc tính - Width và Height.

Hãy xem đoạn mã sau và lưu nó vào 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>

Bạn sẽ nhận được kết quả sau:

Đầu ra