js在mootools框架下的new Class

首先,在HTML文件中引入mootools.js、
mootools-more.js、mootools-core.js,然后就能使用mootools封装的一些特性。

几乎类似于面向对象。

mootools使用如下形式构建对象:


1 var Cat = new Class(
2 {
3 initialize: function(name) //类似于Java的构造函数
4 {
5 this.name = name;
6 }
7 });

用如下形式进行继承:


var littleCat = Cat.extend(
{
initialize:function(name,age)
{
this.parent(name); //调用父类的initialize方法
this.age = age;
}
});

对象的实例化及使用:

var mycat = new Cat(‘kity‘); //注意还有一个new存在
alert(mycat.name);

var littlecat = new littleCat(‘litterkity‘,‘ten‘);
alert(littlecat.name + ‘ is ‘ + littlecat.age + ‘ days old‘);

var Cat = new Class(
  {
      
initialize: function(name)
       {
  
          this.name = name;
  
    }
  });
 
  var littleCat =
Cat.extend(
  {
      
initialize:function(name,age)
       {
 
            this.parent(name);
 
            this.age = age;
 
     }
  });
 
    var mycat =
new Cat(‘kity‘);
    alert(mycat.name);
  
 
    var littlecat = new
littleCat(‘litterkity‘,‘ten‘);
    alert(littlecat.name + ‘ is
‘ + littlecat.age + ‘ days old‘);

时间: 2024-10-07 05:50:20

js在mootools框架下的new Class的相关文章

PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网>看引擎>开源产品 0人收藏此文章, 发表于8小时前(2013-09-06 00:39) , 已有13次阅读 ,共0个评论 依照我一惯得套路,我会先说一点废话. PhoneGap和Cordova什么关系?为什么有的地方叫Cordova而有的地方叫PhoneGap ?PhoneGap是一款HTML5平台.通过它,开发商能够使用HTML.CSS及JavaScript来开发本地移动应用程序.因此,眼下开

yii框架下使用bootstrap时,判断checkbox、radioButtonList和dropDownList的js方法

1.首先设置button按钮的id: <span style="font-size:14px;">'htmlOptions'=>array('id'=>'buttonStateful')</span> 例如: <span style="font-size:14px;"> <?php $this->widget('bootstrap.widgets.TbButton', array('buttonType'=

Vue框架下的node.js安装教程

Vue框架下的node.js安装教程 python服务器.php  ->aphche.java ->tomcat.   iis -->它是一个可以运行JAVASCRIPTR 的运行环境 -->它可以作为后端语言(websocket \ ) --强大的包管理工具npm,可以使用它安装插件 -->VUE框架是基于node.js平台运行的 --->它是基于chrome浏览器的V8引擎,运行速度快,性能高效 安装淘宝镜像:npm install cnpm -g --regist

C#开发中碰到的问题------easyUI 框架下dialog加载HTML页面不执行js问题

问题描述: easyUI 框架下,使用easyUI dialog加载HTML页面,HTML页面写在头部的js不会执行 解决办法: 将js写在body里 问题原因: 转[https://www.cnblogs.com/summer_adai/p/3548252.html] 原文地址:https://www.cnblogs.com/LiCoco/p/9117103.html

vue.js在windows10系统下的环境搭建

vue.js在windows10系统下的环境搭建流程 1.安装node.js(node包含了npm包管理器) node.js安装包以及源码下载地址:https://nodejs.org/en/download/ 注意:使用安装包(.msi)(作为小白的我,直接用了.exe,导致环境变量都不会自动配置,真的挺郁闷的) 下载下来以后可以直接双击安装,按照提示一步步安装. 详细的安装步骤可看网址:http://www.runoob.com/nodejs/nodejs-install-setup.htm

在Iframe框架下如何跳转到登录界面

在Iframe框架下跳转到登录界面总会跳到子界面中,类似于下图 试用Respon.Redirect()不行, 用Js函数,但我跳转代码都是写在cs文件中的,用Respose.write(),js函数根本没有执行. 最后看到一文章,在后台用Respon.Redirect(),而在登录界面中加入js,如下代码 <script language="JavaScript" type="text/javascript"> if (window != top) to

springMVC框架下JQuery传递并解析Json数据

json作为一种轻量级的数据交换格式,在前后台数据交换中占领着很重要的地位.Json的语法很简单,採用的是键值对表示形式.JSON 能够将 JavaScript 对象中表示的一组数据转换为字符串,然后就能够在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给server端程序,也能够从server端程序传递json格式的字符串给前端并由前端解释.这个字符串是符合json语法的,而json语法又是javascript语法的子集,所以javascript很easy解释

Node.js的Connect框架的代码重写与改进

Node.js的Connect框架的代码重写与改进 Connect框架简介 Connect框架是建立在Node.js的基本http.server功能之上,帮助实现结构化的web服务器逻辑的框架.Connect框架建立在两个重要的设计模式之上. 1) 责任链模式 在处理web请求时常需要作分派处理.例如,ASP.NET MVC支持按照请求参数将处理分派至某个Controller类的某个Action方法,以及根据Action方法的返回结果类型分派不同的结果操作(如ViewResult.JsonRes

在Spring Boot框架下使用WebSocket实现消息推送

Spring Boot的学习持续进行中.前面两篇博客我们介绍了如何使用Spring Boot容器搭建Web项目(使用Spring Boot开发Web项目)以及怎样为我们的Project添加HTTPS的支持(使用Spring Boot开发Web项目(二)之添加HTTPS支持),在这两篇文章的基础上,我们今天来看看如何在Spring Boot中使用WebSocket. 什么是WebSocket WebSocket为浏览器和服务器之间提供了双工异步通信功能,也就是说我们可以利用浏览器给服务器发送消息,