这一部分提供了很多与表单操作有关的功能，包括以下部分，当通过$方法返回元素时，可以直接通过$(element).method()调用： Form对象：提供了操作整个表单的一些方法Form.Element对象：提供了操作某个表单元素的方法TimedObserver类：周期性表单监视器，当表单元素值改变的时候执行一个回调函数，有Form和Element两种类型EventObserver类：利用事件来监视表单元素，当表单元素值改变的时候执行一个回调函数，有Form和Element两种类型...
Position是prototype中定义的一个对象，提供了操作DOM中与位置相关的方法，要很好的理解元素在页面中的位置，可以参考这篇文章：Relatively Absolute 具体代码如下，按照代码说说，其中英文是作者的注释，中文红色的才是偶的说明或翻译英文的注释，采用顶式注释法(注释在要说明的代码的上面)说明// set to true if needed, warning: firefox performance problems // NOT neeeded for page scrolling, only if draggable containe...
Range对象是一个继承自Enumerable的"范围"对象，你可以把它看成[x,x+1,x+2,x+3......x+n]的数组看待，但是比这样的数组跟节省存储空间，因为range对象只是保存x和x+n而已 要创建一个Range对象可以调用$R(start, end, exclusive) 方法，exclusive指定是否包含end本身，如果没有指定或为false则包含end，否则不包含 你可以利用Enumerable中定义的方法来操作range对象，range对象只是实现了Enumerable对象需要的枚举逻辑_each和覆盖了...
这部分提供了很多(写的都有点烦了)方便的操作dom的方法：包含有名的$方法、document.getElementsByClassName方法，以及Element对象、Insertion对象 以下部分一个一个的详细介绍： $(element)：getElementById的封装，element可以是一个元素的id或元素本身，也可以是一个数组，这时返回一个数组，使用$方法，会自动调用Element.extend(element)方法，这样的话使元素可以直接调用Element中的方法, 例如Element.hide(element)可以写成...
Hash对象(关联数组)是Prototype新建的一个对象，要创建一个Hash对象可以调用$H(object)方法，因为javascript本身的特点(对象本身就是关联数组) ，所以实现Hash也很简单，Prototype中的Hash只是javascript的关联数组(对象) keys(): 返回hash的键值数组 values(): 返回值得数组 merge(hash): 合并两个hash toQueryString(): 跟string的toQueryParams方法想法，将hash转化为一个querystring, 会调用encodeURIComponent对键和值进行编码...
$A = Array.from(iterable): 将iterable转化为数组，如果iterable定义了toArray方法，就调用这个方法，否则利用iterable的length属性进行枚举, 如果iterable没有length属性的话就返回空数组[] Array对象除了扩展Enumerable对象的方法外，另外扩展了如下的几个方法，注意以下方法除了clear外都不改变原来数组，而是返回一个新数组： clear(): 清除数组，利用arr.length=0 first(): 返回第一个元素 last()：返回最后一个元素 compact...
Selector是利用css selector来匹配选择页面元素的，所以要理解Selector首先应该对css selector有所理解，下面是css2 selector的语法，当然很多浏览器只是支持其中的一部分，Prototype 中的Selector主要支持tag选择器、class选择器和id选择器，还有属性(attribute)选择器，基本上包含我们平时所用的所有类型 The following table summarizes CSS2 selector syntax, 详细的可以看http://www.w3.org/TR/REC-CSS2/selector.html: Patte...
但是让我感到意外的是，下面有个网友回复说，javascript中的Array本身的sort方法才是最快的，比快速排序算法都快，当时看到了很是郁闷，因为当时花了好长时间在排序算法上，居然忘记了Array本身的sort方法 不过javascript中内置的sort方法真的比快速排序算法还快吗？ 哈哈，测试一下不就知道了 先说一下我测试的环境 1，我的测试环境是IE6.0和firefox2.0 2，每种算法有很多种不同的实现方法，下面测试中我选择上面网友实现的快速排...
function request(key) { if(typeof(this)=="undefined")return false; if(this.length>0) { var s = this.split("&"); for(var i in s) { var sp=s[i].split("=") if(sp[0]==key)return(sp[1]); } return false; } else return false } function getAllKey() { if(typeof(this)=="undefined")return false; var arr=new Array; if(this.length>0) { var s = this.split("&"); for(var i in s) ...
AJAX之旅(1)：由prototype_1.3.1进入javascript殿堂－类的初探 还是决定冠上ajax的头衔，毕竟很多人会用这个关键词搜索。虽然我认为这只是个炒作的概念，不过不得不承认ajax叫起来要方便多了。所以ajax的意思我就不详细解释了。 写这个教程的起因很简单：经过一段时间的ajax学习，有一些体会，并且越发认识到ajax技术的强大，所以决定记录下来，顺便也是对自己思路的整理。有关这个教程的后续，请关注http://www.x2design.net 前几...
From: JavaEye.com prototype提供了一套JavaScript面向对象基础设施，我们可以使用它来进行面向对象编程，定义对象类型方式如下： var Person = Class.create(); Person.prototype = { initialize : function(name, age) { this.name = name; this.age = age; }, toString : function() { document.writeln("[name]:"+this.name+""+"[age]:"+this.age); } } 先使用Class.create()来创建一个对象类型，然后定义该对象类型，...
首先下载prototype.js这个类包,然后包含在你的页面中 创建XMLHttpRequest对象并且异步的跟踪它的进程， 然后解析出响应 然后处理它可能这是ajax的根本意义,它最具威力的地方,但你能出兼容各种不同浏览器的代码,可能会令你痛苦不堪,但幸好救苦救难的prototype.js提供Ajax.Request 类,让你摆脱这些困扰. 假如你有一个应用程序可以通过url http://ajax.boogu.com/cm.html与服务器通信。它返回下面这样的XML 响应。 (当然这是不可能的...
prototype.js 常用函数 : Element.toggle 交替隐藏或显示 Element.toggle(''div1'',''div2'') Element.hide 隐藏 Element.hide(''div1'',''div2'') Element.show 显示 Element.show(''div1'',''div2'') Element.remove 删除 Element.remove(''div1'',''div2'') Element.getHeight 取得高度 Element.getHeight(''div1'') Toggle.display 和 Element.toggle 相同 Toggle.displa...
资料：prototype 属性 返回对象类型原型的引用。 objectName.prototype objectName 参数是对象的名称。 说明 用 prototype 属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。 例如，要为 Array 对象添加返回数组中最大元素值的方法。要完成这一点，声明该函数，将它加入 Array.prototype，并使用它。 代码如下:function array_max( ){ var i, max = this[0]; for (i = 1; i < this.length; i++) ...
ECMAScript可以识别两种类型的对象，一种叫做Native Object属于语言范畴;一种叫做Host Object，由运行环境提供例如document对象， Dom Node等 Native objects是一种松散的结构并且可以动态的增加属性(property)，所有的属性都有一个名字和一个值，这个值可以是另一个对象的引用 或者是内建的数据类型(String, Number, Boolean, Null 或者 Undefined) 下面的这个简单的例子描述了一个javascript对象是如何设置一个属性的值和如何...