`
mooncui
  • 浏览: 72501 次
社区版块
存档分类
最新评论

prototype.js学习笔记一--共通的方法

    博客分类:
  • AJAX
阅读更多

摘自prototype.js开发者手册1.4版

1.简介

prototype.js 是一个由Sam Stephenson写的JavaScript包。这个构思奇妙编写良好的一段兼容标准的一段代码将承担创造胖客户端, 高交互性WEB应用程序的重担。轻松加入Web 2.0特性。

2.通用方法

$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写,如:$('myDiv');

$F()方法返回任何输入表单控件的值,如文本框或下拉框。 这个方法可以传入元素的id或者元素自己。如:alert(  $F('userName')  );

$A()方法把接收到的参数转换成一个Array对象。例:

  1. <script>   
  2.    function showOptions(){   
  3.         var someNodeList = $('lstEmployees').getElementsByTagName('option');   
  4.         var nodes = $A(someNodeList);   
  5.   
  6.         nodes.each(function(node){   
  7.                 alert(node.nodeName + ': ' + node.innerHTML);   
  8.             });   
  9.     }   
  10. </script>  
  11.   
  12. "lstEmployees" size="10" >   
  13.     "5">Buchanan, Steven   
  14.     "8">Callahan, Laura   
  15.     "1">Davolio, Nancy   
  16.   
  17.   
  18. "button" value="Show the options" onclick="showOptions();" >   

$H()方法把对象转化成可枚举的貌似联合数组Hash对象.

  1. var a = { first: 10, second: 20,  third: 30   }; //数组排列   
  2. var h = $H(a);   
  3. alert(h.toQueryString()); //结果: first=10&second=20&third=30   

 

$R()方法是new ObjectRange(lowBound,upperBound,excludeBouds)的缩写

可以作个试验
  1. <script> function demoDollar_R(){ var range = $R(10, 20, false); range.each(function(value, index){ alert(value); }); } </script>  

Try.these()方法

Try.these() 方法使得实现当你想调用不同的方法直到其中的一个成功正常的这种需求变得非常容易, 他把一系列的方法作为参数并且按顺序的一个一个的执行这些方法直到其中的一个成功执行,返回成功执行的那个方法的返回值。

例如下面两个方法在不同浏览器中不一定哪个起作用,所以这样:
  1. function getXmlNodeValue(xmlNode){ 
  2.     return Try.these( 
  3.           function() {return xmlNode.text;}, 
  4.           function() {return xmlNode.textContent;) 
  5.     ); 
  6. }
分享到:
评论

相关推荐

    prototype.js开发笔记

    - **高级 JavaScript 指南**:这是一篇与 Prototype.js 相关的文章,可以作为学习该库的补充资料。这篇文章可能会介绍更多的 JavaScript 高级概念和技术细节,帮助开发者更好地理解 Prototype.js 的设计原理和使用...

    prototype 开发应用手册,笔记,prototype.js文件下载

    总结,Prototype.js是JavaScript开发中的一个重要工具,它通过一系列强大的API和设计模式,使得JavaScript的开发更加高效、优雅。通过学习和掌握Prototype,开发者可以更好地驾驭JavaScript,创造出更具交互性的Web...

    prototype.js开发手册

    Prototype.js 是一个广泛使用的 JavaScript 库,它为浏览器环境提供了许多实用的功能,极大地简化了 JavaScript 的开发。这个库的核心理念是扩展JavaScript的基本对象和类型,使其更加面向对象,同时提供了丰富的DOM...

    prototype.js框架资料

    Prototype.js 是一个广泛使用的JavaScript库,它为JavaScript语言引入了许多实用的功能,极大地简化了JavaScript的开发工作。这个框架的核心在于它提供了面向对象编程的支持,以及一系列方便的DOM操作方法,使得...

    prototype.js中文开发笔记(CHM)

    或许你还没有用过它, prototype.js 是一个由Sam Stephenson写的JavaScript包。这个构思奇妙编写良好的一段兼容标准的一段代码将承担创造胖客户端, 高交互性WEB应用程序的重担。轻松加入Web 2.0特性。 &lt;br...

    prototype笔记(9)----结合Prototype和JSON开发AJAX

    在本篇"prototype笔记(9)----结合Prototype和JSON开发AJAX"中,我们将深入探讨如何利用Prototype JavaScript库与JSON(JavaScript Object Notation)技术来高效地开发异步JavaScript应用程序,也就是我们常说的AJAX...

    prototype学习笔记

    在JavaScript中,`prototype`是一个核心...总的来说,这篇"prototype学习笔记"深入讲解了JavaScript中的原型和继承机制,结合源码分析和实用工具,帮助开发者更全面地掌握这一核心概念,并能够在实际项目中灵活运用。

    第四章(js高级程序设计学习笔记)----2

    在本节中,我们将深入探讨JavaScript的高级程序设计,特别是关注"第四章(js高级程序设计学习笔记)----2"的主题。这一章很可能涵盖了JavaScript的核心概念,包括原型链(Prototype Chaining)。通过阅读名为...

    prototype中文帮助文档

    prototype.js是一个非常优雅的javascript基础类库,对javascript做了大量的扩展,而且很好的支持Ajax,国外有多个基于此类库实现的效果库,也做得很棒。 prototype.js不仅是一个有很大实用价值的js库,而且有很高的...

    Prototype学习笔记(一)(二)

    Prototype学习笔记(一)(二)涵盖了这一主题的深入探讨,旨在帮助开发者更好地理解和利用这个特性。在本篇文章中,我们将详细阐述Prototype的核心概念、作用以及如何在实际编程中应用。 首先,Prototype是...

    Prototype API

    "prototype.js 1.4.0 开发笔记中文版"很可能提供了针对该版本的详细解读和开发实践,对于学习和理解Prototype API 的具体用法和最佳实践非常有帮助。 综上所述,Prototype API 和 Scriptaculous 提供了丰富的...

    prototype1.4.0开发笔记

    万一你没有使用过大名鼎鼎的prototype.js,那么让我来告诉你,prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙,而且兼容标准的类库,能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。...

    js 笔记 javascript 学习笔记

    本学习笔记将深入探讨JavaScript的核心概念,包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等,并结合实际示例,如my.js、order.js、login.js等文件,来讲解其在实际项目中的应用。...

    prototype+开发笔记

    在JavaScript的世界里,`Prototype`是一个非常重要的概念,它构成了JavaScript面向对象编程的基础。...通过阅读`prototype.js`的源码和`说明文档.doc`,我们可以深入学习这一核心概念,并将其运用到实际项目中。

    Prototype开发笔记.doc

    《Prototype开发笔记》是关于JavaScript框架Prototype的一份详细文档,主要涵盖了该框架的基本概念、核心功能和使用方法。Prototype是一个由Sam Stephenson编写的JavaScript库,它的设计目标是提升Web应用的交互性和...

    JavaScript学习笔记之ES6数组方法_.docx

    在JavaScript的世界里,ES6(ECMAScript 6)是一个重要的里程碑,引入了许多新的特性,尤其是在数组处理方面。本文将详细解析ES6中为数组添加的一些关键方法,这些方法极大地提升了开发者的效率,并且在现代浏览器和...

Global site tag (gtag.js) - Google Analytics