<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" 是一个与JavaScript库Prototype相关的API文档压缩包,该库是JavaScript编程中的一个重要工具,尤其在Web开发中广泛使用。Prototype为JavaScript语言添加了许多实用的功能,提高了开发效率,并且...
Prototype-1.6.0-zh.chm 中文手册。好不容易找到的最新的prototype手册。
python库。 资源全名:eth_prototype-0.2.0-py2.py3-none-any.whl
Prototype.js 是一个广泛使用的JavaScript库,它扩展了JavaScript语言的功能,为开发人员提供了更强大的面向对象编程支持。该库的核心特性是其对JavaScript原型(prototype)机制的深入利用,使得JavaScript对象的...
"ember-disable-prototype-extensions"是Ember的一个配置选项,它涉及到对象原型的扩展。在深入理解这个主题之前,我们先来了解一下对象原型扩展的概念以及为何在Ember中可能会禁用它。 在JavaScript中,对象可以...
AS-23-Shcherbakov-Prototype-Pollution-Leads-to-RCE
首先,我们来看`prototype-1.6.0.3.js`,这是Prototype库的1.6.0.3版本的源代码文件。在这个版本中,Prototype提供了许多实用的功能,如元素操作、事件处理、Ajax请求、效果动画等。它通过扩展JavaScript的基本类型...
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-CSS-Accordion.zip"显然是一个关于使用Prototype框架和CSS实现手风琴效果菜单的教学资源。 手风琴效果是一种常见的用户界面设计元素,它允许在一个有限的空间内展示大量的信息。这种效果...
prototype-1.6.0.3.js
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....
7. **字符串和对象操作** - prototype.js 也增强了String和Object对象,例如`String.prototype.parseColor()`解析颜色值,`Object.toJSON()`将对象转换成JSON格式。 通过学习和使用prototype.js,开发者可以编写出...
有关ajax的框架之一 最新版prototype 详细内容http://www.prototypejs.org/
在描述中提到的`evalJSON()`方法是Prototype库中的一个功能,它允许开发者从JSON字符串中解析出JavaScript对象。这个方法是安全的,因为它在解析前会检查数据的安全性,防止了潜在的跨站脚本(XSS)攻击。通过这个...
Prototype 提供了诸如`String.prototype.parseColor`、`Function.prototype.bind`等工具,前者用于解析颜色字符串,后者实现函数绑定,确保函数的`this`值始终指向预期的对象。 通过分析Prototype 1.4.0的源码,...
在"prototype-1.6.0.2.js.rar"这个压缩包中,包含了Prototype库的1.6.0.2版本源码和相关的API文档,是深入学习和应用Prototype框架的重要资源。 一、Prototype库基础 Prototype库的核心理念是通过面向对象的编程...