Prototype.js 1.4开发者手册：深入解析与实战指南

需积分: 10 198 浏览量更新于2024-07-29 收藏 1.44MB PDF 举报

"PROTOYPE.JS1.4版开发者手册" Prototype.js 是一个JavaScript库，由Sam Stephenson编写，主要用于简化和加速富客户端Web应用程序的开发。它以其创新的特性，如面向对象的编程支持和对DOM操作的优化，成为了Web 2.0时代的一个重要工具。尽管Prototype.js在当时具有广泛的影响力，但其官方文档可能并不全面，这促使开发者们创建了像“PROTOTYPE.JS1.4版开发者手册”这样的非官方资源，以帮助开发者更好地理解和利用这个库。手册内容涵盖了Prototype.js的核心概念，包括对象、类、函数和扩展。对于熟悉Ruby语言的开发者来说，这个库的设计和一些内置类的实现可能会显得特别亲切，因为它们之间存在很多相似之处。在Prototype.js中，`$()`函数是一个非常重要的实用工具，它是`document.getElementById()`方法的一个便捷替代。这个函数不仅允许你通过元素ID快速获取DOM元素，而且还能接受多个ID作为参数，一次性返回一个包含所有匹配元素的数组。这样就避免了多次调用DOM查找函数的繁琐。例如，在下面的HTML和JavaScript代码中： ```html <HEAD> <TITLE>TestPage</TITLE> <script src="prototype-1.3.1.js"></script> <script> function test1() { var d = $('myDiv'); alert(d.innerHTML); } function test2() { var divs = $('myDiv', 'myOtherDiv'); for (i = 0; i < divs.length; i++) { // 对每个元素进行操作 } } </script> ``` `test1`函数通过`$('myDiv')`获取ID为"myDiv"的元素，并弹出其innerHTML内容。而在`test2`函数中，`$('myDiv', 'myOtherDiv')`返回一个包含两个元素的数组，可以方便地遍历并处理这些元素。除此之外，Prototype.js还提供了许多其他实用函数和对象，如`Element`类，用于更高级的DOM操作；`Ajax`对象，支持异步数据交换；以及`Class`机制，实现了JavaScript中的类继承。这些工具极大地提升了JavaScript开发的效率和代码的可维护性。 Prototype.js是JavaScript开发中一个强大且功能丰富的库，通过其提供的类和函数，开发者可以轻松实现复杂的交互效果和动态网页功能。虽然现在有更多现代的库（如jQuery和React）取代了它在某些场景下的位置，但Prototype.js的很多设计理念和实现方式仍然对现代前端开发有着深远的影响。这份开发者手册对于想要深入了解JavaScript历史和Web开发技术演进的人员来说，是一份宝贵的参考资料。

});

}

function showResponse(originalRequest)

{

//put returned XML in the textarea

$('result').value = originalRequest.responseText;

}

</script>

<option value="5">Buchanan, Steven</option>

<option value="8">Callahan, Laura</option>

<option value="1">Davolio, Nancy</option>

</select>

</select>

你注意到传入 Ajax.Request构造方法的第二个对象了吗？参数{method: 'get', parameters: pars, onComplete:

showResponse} 表示一个匿名对象的真实写法。他表示你传入的这个对象有一个名为 method 值为 'get'的属性，另一个属性名为

parameters 包含HTTP请求的查询字符串，和一个onComplete 属性/方法包含函数showResponse。

还有一些其它的属性可以在这个对象里面定义和设置，如 asynchronous，可以为true 或 false 来决定AJAX对服务器的调用是否是异步的（默

认值是 true）。

这个参数定义AJAX调用的选项。在我们的例子中，在第一个参数通过HTTP GET命令请求那个url，传入了变量 pars包含的查询字符串，

Ajax.Request 对象在它完成接收响应的时候将调用showResponse 方法。

也许你知道， XMLHttpRequest在HTTP请求期间将报告进度情况。这个进度被描述为四个不同阶段：Loading, Loaded, Interactive, 或

Complete。你可以使 Ajax.Request 对象在任何阶段调用自定义方法，Complete 是最常用的一个。想调用自定义的方法只需要简单的在请求的

选项参数中的名为 onXXXXX 属性/方法中提供自定义的方法对象。就像我们例子中的 onComplete 。你传入的方法将会被用一个参数调用，这个

参数是 XMLHttpRequest 对象自己。你将会用这个对象去得到返回的数据并且或许检查包含有在这次调用中的HTTP结果代码的 status 属性。

剩余39页未读，继续阅读

JamesSui

粉丝: 0
资源: 5

Prototype.js 1.4开发者手册：深入解析与实战指南

javascript prototype文档.rar

Prototype文档

prototype中文帮助文档

prototype帮助文档

prototype使用文档

prototype开发文档

prototype中文文档

Prototype中文文档

prototype开发文档和prototype.js文件

prototype1.6 文档 chm版

最新资源