Prototype基本函数
1、使用$()函数
$(String tagName): 直接获取名为tagName的HTML元素
$(String tagName1, String tagName2): 获取名为tagname1和tagName2的HTML元素数组
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>$()</title>
<script src="JavaScript/prototype/prototype-1.6.0.2.js"
type="text/javascript">
</script>
<script language="JavaScript">
function clickHandler()
{
$("out").innerHTML = "$()测试";
}
</script>
</head>
<body>
<input type="button" onclick="clickHandler()" value="测试" />
<div id="out"></div>
</body>
</html>
如果有两个相同的ID,$()将返回第一个HTML元素
对于IE6.0, $()不仅可以获得id属性,也可以获取name属性所对应的元素
2、使用$A()函数
$A()函数能把单个参数转换成一个Array对象,结合被Prototype.js扩展后的Array类,能方便地把任何可枚举列表转换成或复制到一个Array对象
$A()还可以操作字符串,它将以字符串里的每个字符作为数组元素
<script type="text/javascript">
var array = $A("Hello World");
for(var i=0; i < array.length; i++)
{
alert(array[i]);
}
</script>
3、使用$F()函数
$F()函数用于获取表单输入控件的值,比如:text,textArea,Select元素等等
4、使用$H()函数
$H()对象用于将一些对象转换成Hash对象,Hash对象是Prototype.js的一个自定义对象,它非常类似于Java语言里边的Map数据结构,由一系列的Key-value对组成。Hash对象里包含了一些方便的方法来遍历Hash对象
5、使用$R()函数
$R()函数是一个省略的写法,它用于构造一个ObjectRange对象。
<script language="JavaScript">
var range = $R(10,20,false);
range.each(function(value, index)
{
$("show").innerHTML += value+"<br>";
}
);
</script>
6、使用 Try.these()函数
Try.these()函数允许传入一系列函数作为参数,如果这一系列函数都返回值,将有可能出现问题。
分享到:
相关推荐
函数是程序的基本组成单元,它们封装了特定的逻辑操作,可以被多次调用,避免代码重复,提高代码的可读性和复用性。函数定义通常包括函数名、参数列表和返回值,定义了函数的功能和使用方式。 “定义查询”功能是该...
Prototype是一个强大的JavaScript库,它扩展了JavaScript的基本对象,提供了丰富的功能,使开发者能够更轻松地处理DOM操作、事件处理、Ajax交互等任务。 Prototype开发者手册是学习和掌握这个框架的重要资源。PDF版...
prototype.js的系列文章——$H()函数 百度的Ajax.js文件 常用JS prototype.js的系列文章——$R()函数 prototype.js的系列文章——Ajax.Request类 prototype.js的系列文章——Ajax.Updater类 prototype.js的系列文章...
但是,构造函数的`prototype`还有一个特殊之处——`constructor`属性,它指向构造函数自身。这有助于追踪对象是从哪个构造函数创建的。 ```javascript console.log(Dog.prototype.constructor === Dog); // true ``...
其基本语法为`func.apply(thisArg, [argsArray])`,其中`thisArg`是在函数调用时设置的`this`值,`argsArray`是一个数组或类数组对象,其元素会被作为单独的参数传入`func`。 在给出的示例代码中,我们创建了三个...
原型(Prototype)对象是用来提供共享属性和方法的,当试图访问一个对象的属性时,如果该对象本身没有这个属性,那么JavaScript引擎会查找其`__proto__`所引用的对象,也就是原型对象,以此类推,直到找到该属性或者...
在JavaScript中,每个函数(包括构造函数)都有一个内置的`prototype`属性,这个属性指向一个对象,该对象包含了可以被该函数的所有实例共享的属性和方法。 当我们创建一个新对象时,它会继承其构造函数的`...
《prototype.js源码及PDF文档》是一份宝贵的资源,它包含了一个重要的JavaScript库——Prototype的源代码和相关的PDF文档。Prototype是Web开发中一个广泛使用的开源JavaScript框架,它旨在简化DOM操作,提供强大的...
JavaScript 库比较 —— Dojo、jQuery 和 PrototypeJS 在当今的 Web 开发中,JavaScript 库扮演着越来越重要的角色。这些库提供了许多有用的功能,可以帮助开发者快速构建 Web 应用程序。本文将对 Dojo、jQuery 和 ...
Prototype.js 的核心概念之一是扩展JavaScript的基本类型,如Array、String、Number等,增加了一系列实用方法。例如,Array类增加了`each`方法,允许我们遍历数组中的每个元素,这在处理数据集合时非常方便。此外,...
JavaScript中的`Function.prototype.bind`是一个至关重要的方法,用于创建一个新的函数——绑定函数,该函数在调用时会保持特定的`this`值和预设的参数。`bind`方法接收两个主要参数:第一个参数用于设置新函数执行...
本手册旨在详细介绍Prototype.js中的常用函数及其应用场景,帮助开发者快速掌握并运用到实际项目中。 #### 常用函数详解 ##### Element操作 - **`Element.toggle(elementId)`** - **功能**:根据指定元素的当前...
首先,我们从基本概念出发,理解`Prototype`的核心原理。 `Prototype`是JavaScript中每个对象所固有的特性,它为对象提供了继承的能力。在JavaScript中,每一个函数都有一个`prototype`属性,这个属性指向一个对象...
代码如下: // JavaScript Document //————————————————— // 判断闰年 //————————————————— Date.prototype.isLeapYear = function() { return (0==this.getYear()%4&&((this....
比如`Array.prototype.map()`,它接受一个函数作为参数,然后对数组中的每个元素应用这个函数,返回一个新的数组: ```javascript var numbers = [1, 2, 3, 4, 5]; var squared = numbers.map(function(number) { ...
其次,`prototype`属性是函数特有的,它指向一个对象,这个对象就是由该函数创建的实例的原型对象。这意味着,任何由该函数实例化的对象都可以通过`__proto__`访问到`prototype`所指向的共享属性和方法。例如,如果...
在《prototype 操作手册》中,首先会介绍Prototype的基本概念,包括它的安装和引入方式,以及如何在项目中快速启用。这一部分对于初学者至关重要,因为它为后续的学习打下了坚实的基础。 接着,手册将深入探讨...
在"JavaScript_实用函数式Javascript.zip"这个压缩包中,我们可能会深入探讨JavaScript中的一个特定领域——函数式编程。 函数式编程是编程范式之一,它强调程序的数据流和变换,而不是对状态和控制流的操作。在...
Prototype是一个强大的JavaScript框架,它扩展了JavaScript的基本对象和函数,简化了DOM操作,并提供了强大的功能来处理Ajax请求。以下是一些关键知识点: 1. **对象扩展**:Prototype扩展了JavaScript的核心类,如...
我英语并不是太好,并且在初期的时候,对 Prototype 的设计理念也不太熟,所以前期的文章可能错误会比较多一些, 主要集中在工具函数那一节,从 Ajax 后感觉就好多了, 虽然后面做了修订,但是已有的词句会混淆当前...