`
wutao33543
  • 浏览: 65084 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

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

阅读更多

<html>
<head>
<title>顶层元素</title>
<script src="prototype.js"></script>
<script>
var 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的基本信息<br><hr>
<input type=button value="TestPerson" onclick='return TestPerson();' />利用我们创建的Person类生成一个p对象 检测一下是否成功<br>
<input type=button value="TestUser" onclick='return TestUser();' />User类继承Person类,生成一个User对象 检测一下是否成功<br>
<input type=button value="TestInspect" onclick='return TestInspect();' />测试一下Object的Inspect方法<br>
<input type=button value="testFunctionBind" onclick='return testFunctionBind();' />测试一下Object的FunctionBind方法<br>
<input type=button value="testEventListener" id="testEventListener" />testEventListener<br>
<script>
        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>
<hr>
<script>
function TimeExe()
{
    var timerExe=new  PeriodicalExecuter(showTime,1);
    
    }
    function showTime()
    {
        var time =new Date();
        var d = $('myDiv');
        d.innerHTML=time;
        }
        </script>
<div id="myDiv">
<p>This is a paragraph</p>
<input type="button" value=定时器测试 onclick="TimeExe();"><br></div>
<hr>
<script>
    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>
分享到:
评论

相关推荐

    prototype-160-api.rar

    "Prototype-160-API" 是一个与JavaScript库Prototype相关的API文档压缩包,该库是JavaScript编程中的一个重要工具,尤其在Web开发中广泛使用。Prototype为JavaScript语言添加了许多实用的功能,提高了开发效率,并且...

    Prototype-1.6.0-zh.chm 中文手册

    Prototype-1.6.0-zh.chm 中文手册。好不容易找到的最新的prototype手册。

    Python库 | eth_prototype-0.2.0-py2.py3-none-any.whl

    python库。 资源全名:eth_prototype-0.2.0-py2.py3-none-any.whl

    prototype.js 1.4-1.6[全]

    Prototype.js 是一个广泛使用的JavaScript库,它扩展了JavaScript语言的功能,为开发人员提供了更强大的面向对象编程支持。该库的核心特性是其对JavaScript原型(prototype)机制的深入利用,使得JavaScript对象的...

    ember-disable-prototype-extensions-源码.rar

    "ember-disable-prototype-extensions"是Ember的一个配置选项,它涉及到对象原型的扩展。在深入理解这个主题之前,我们先来了解一下对象原型扩展的概念以及为何在Ember中可能会禁用它。 在JavaScript中,对象可以...

    AS-23-Shcherbakov-Prototype-Pollution-Leads-to-RCE.pdf

    AS-23-Shcherbakov-Prototype-Pollution-Leads-to-RCE

    prototype-1.6.0.3.js+prototype1.4 、1.5中文手册+prototype1.6英文手册

    首先,我们来看`prototype-1.6.0.3.js`,这是Prototype库的1.6.0.3版本的源代码文件。在这个版本中,Prototype提供了许多实用的功能,如元素操作、事件处理、Ajax请求、效果动画等。它通过扩展JavaScript的基本类型...

    prototype-1.6.0.rar

    prototype-1.6.0.rarprototype-1.6.0.rarprototype-1.6.0.rarprototype-1.6.0.rarprototype-1.6.0.rarprototype-1.6.0.rarprototype-1.6.0.rarprototype-1.6.0.rarprototype-1.6.0.rar

    prototype-1.7.js

    prototype-1.7.js

    Prototype-CSS-Accordion.zip_WEB应用_prototype

    这个压缩包文件"Prototype-CSS-Accordion.zip"显然是一个关于使用Prototype框架和CSS实现手风琴效果菜单的教学资源。 手风琴效果是一种常见的用户界面设计元素,它允许在一个有限的空间内展示大量的信息。这种效果...

    prototype-1.6.0.3.js

    prototype-1.6.0.3.js

    prototype.js开发笔记--让你精通prototype开发

    2.8. 在 prototype.js中定义的新对象和类 2.9. PeriodicalExecuter 对象 2.10. Prototype 对象 2.11. Class 对象 2.12. Ajax 对象 2.13. Ajax.Base 类 2.14. Ajax.Request 类 2.15. options 参数对象 2.16. Ajax....

    prototype.js简介

    7. **字符串和对象操作** - prototype.js 也增强了String和Object对象,例如`String.prototype.parseColor()`解析颜色值,`Object.toJSON()`将对象转换成JSON格式。 通过学习和使用prototype.js,开发者可以编写出...

    ajax-prototype-1.6.0.3.js

    有关ajax的框架之一 最新版prototype 详细内容http://www.prototypejs.org/

    json-lib-2.3-jdk15.jar包和prototype.js及jquery-1.3.1.js

    在描述中提到的`evalJSON()`方法是Prototype库中的一个功能,它允许开发者从JSON字符串中解析出JavaScript对象。这个方法是安全的,因为它在解析前会检查数据的安全性,防止了潜在的跨站脚本(XSS)攻击。通过这个...

    prototype-1.4.0源码解读.js

    Prototype 提供了诸如`String.prototype.parseColor`、`Function.prototype.bind`等工具,前者用于解析颜色字符串,后者实现函数绑定,确保函数的`this`值始终指向预期的对象。 通过分析Prototype 1.4.0的源码,...

    prototype-1.6.0.2.js.rar

    在"prototype-1.6.0.2.js.rar"这个压缩包中,包含了Prototype库的1.6.0.2版本源码和相关的API文档,是深入学习和应用Prototype框架的重要资源。 一、Prototype库基础 Prototype库的核心理念是通过面向对象的编程...

Global site tag (gtag.js) - Google Analytics