<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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" >
<head runat="server">
<title>mootools-Core</title>
<script language="javascript" type="text/javascript" src="mootools-1.2-core-jm.js"></script>
<script language="javascript" type="text/javascript">
{
//1. mootools使用如下形式构建对象:
var Cat = new Class({
initialize: function(name){
this.name = name;
}
});
//测试实例
var cat = new Cat ('kitty');
alert(cat.name);
//Class进行继承,mootools是这样做的:
var Animal = new Class({
initialize: function(name){
this.name = name;
}
});
//继承
var Cat2 = Animal.extend({
initialize: function(name,age){
this.parent(name); //调用Animal的initialize方法
this.age = age;
}
});
//测试实例
var exCat = new Cat2 ('kitty',20);
alert(exCat.name+'--'+exCat.age);
//扩展
var Person = new Class({
initialize: function(name){
this.name = name;
}
});
Person.implement({
initialize: function(name,age){
this.name = name;
this.age = age;
},
myAction: function(){
alert(this.name+'--'+this.age);
}
});
//测试实例
var p = new Person('zarknight',24);
p.myAction();
//6. $pick
var x = $pick("openfdc","zarknight"); //openfdc
alert(x);
var y = $pick(null,"zarknight"); //zarknight
alert(y);
var z = $pick(1, 2); //1
alert(z);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>