Prototype实战教程----8.顶层对象

恋上周萧寒

恋上周萧寒

2016-02-19 16:36

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享Prototype实战教程----8.顶层对象,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

htmlheadtitle顶层元素/titlescript src="prototype.js"/scriptscriptvar Person=Class.create();Person.prototype={  initialize:function(){},  name:'',  birthday:'',  age:'',  Show:function(){alert("This is "+this.name);}  };  function TestPerson()  {    var p=new Person();    p.name="Tom";    p.age=4;    p.birthday="1997-7-1";    p.Show();    };    var User=Class.create();        User.prototype={      initialize:function(){},      userid:'',      Report:function()      {        alert("UserID:"+this.userid+"  Name:"+this.name+"  Age:"+this.age+" Birthday:"+this.birthday);        }      };      Object.extend(User.prototype,Person.prototype);      function TestUser()  {    var user=new User();    user.name="Chou Fat";    user.age=4;    user.userid=2396    user.birthday="1997-7-1";      user.Show();    user.Report();      }    function ShowPrototypeInfo()    {alert(Prototype.Version+"  "+Prototype.ScriptFragment);      }      function TestInspect()    {var s="wanfangsoftcenter";      alert(Object.inspect(s));      }      //-------------------------------------------------------      function testFunctionBind()      {        var person=new Person();        person.name="Jerry";        person.age=4;      person.birthday="1997-7-1";         var user=new User();        user.name="Tom";        user.age=5;      user.userid=2396      user.birthday="1999-12-20";        var handler=user.Report.bind(person);        handler();        }        var Listener=new Class.create();        Listener.prototype={          initialize:function(btn,message)          {                  $(btn).onclick=this.showMessage.bindAsEventListener(message);            },            showMessage:function(message){              alert(message);              }          };                var listener=new Listener("testEventListener","点击!");      
    /script
body  input type=button value="ShowPrototypeInfo" onclick='return ShowPrototypeInfo();' /显示Prototype的基本信息brhrinput type=button value="TestPerson" onclick='return TestPerson();' /利用我们创建的Person类生成一个p对象 检测一下是否成功brinput type=button value="TestUser" onclick='return TestUser();' /User类继承Person类,生成一个User对象 检测一下是否成功brinput type=button value="TestInspect" onclick='return TestInspect();' /测试一下Object的Inspect方法brinput type=button value="testFunctionBind" onclick='return testFunctionBind();' /测试一下Object的FunctionBind方法brinput type=button value="testEventListener" id="testEventListener" /testEventListenerbrscript    var Listener=new Class.create();        Listener.prototype={          initialize:function(btn,message)          {         this.message=message;            $(btn).onclick=this.showMessage.bindAsEventListener(this);            },            showMessage:function(){              alert(this.message);              }          };                var listener=new Listener("testEventListener","点击!");

  /script

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

hrscriptfunction TimeExe(){  var timerExe=new PeriodicalExecuter(showTime,1);    }  function showTime()  {    var time =new Date();    var d = $('myDiv');    d.innerHTML=time;    }    /scriptdiv id="myDiv"pThis is a paragraph/pinput type="button" value=定时器测试 onclick="TimeExe();"br/divhrscript  function TestNumber()  {    var n=50;    var b=3;    alert(n.toColorPart());    alert(n.succ());alert(b.toPaddedString());   //b.times(alert());    }  /script  input type="button" value='Number测试' onclick="return TestNumber();"/br/body/html

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

Prototype实战教程----8.顶层对象

Web开发
Prototype实战教程----8.顶层对象

Prototype实战教程----1.$$

Web开发
Prototype实战教程----1.$$

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Prototype实战教程----2.$A

Web开发
Prototype实战教程----2.$A

Prototype实战教程----6.$

Web开发
Prototype实战教程----6.$

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Prototype实战教程----3.$F

Web开发
Prototype实战教程----3.$F

Prototype实战教程----11.Inserttion

Web开发
Prototype实战教程----11.Inserttion

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

MySQL敏感数据安全保护六大措施

MySQL敏感数据安全保护六大措施

Prototype使用学习手册指南之form.js

Prototype使用学习手册指南之form.js
下拉加载更多内容 ↓