`
=死神=
  • 浏览: 57610 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Prototype——基本函数

阅读更多

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 开发者手册 PDF版.zip

    Prototype是一个强大的JavaScript库,它扩展了JavaScript的基本对象,提供了丰富的功能,使开发者能够更轻松地处理DOM操作、事件处理、Ajax交互等任务。 Prototype开发者手册是学习和掌握这个框架的重要资源。PDF版...

    prototype.js的系列文章

    prototype.js的系列文章——$H()函数 百度的Ajax.js文件 常用JS prototype.js的系列文章——$R()函数 prototype.js的系列文章——Ajax.Request类 prototype.js的系列文章——Ajax.Updater类 prototype.js的系列文章...

    JavaScript的prototype

    但是,构造函数的`prototype`还有一个特殊之处——`constructor`属性,它指向构造函数自身。这有助于追踪对象是从哪个构造函数创建的。 ```javascript console.log(Dog.prototype.constructor === Dog); // true ``...

    小议Function.apply() 之一——(函数的劫持与对象的复制)

    其基本语法为`func.apply(thisArg, [argsArray])`,其中`thisArg`是在函数调用时设置的`this`值,`argsArray`是一个数组或类数组对象,其元素会被作为单独的参数传入`func`。 在给出的示例代码中,我们创建了三个...

    prototype

    原型(Prototype)对象是用来提供共享属性和方法的,当试图访问一个对象的属性时,如果该对象本身没有这个属性,那么JavaScript引擎会查找其`__proto__`所引用的对象,也就是原型对象,以此类推,直到找到该属性或者...

    了解JavaScript中的prototype (实例)

    在JavaScript中,每个函数(包括构造函数)都有一个内置的`prototype`属性,这个属性指向一个对象,该对象包含了可以被该函数的所有实例共享的属性和方法。 当我们创建一个新对象时,它会继承其构造函数的`...

    prototype.js源码及PDF文档

    《prototype.js源码及PDF文档》是一份宝贵的资源,它包含了一个重要的JavaScript库——Prototype的源代码和相关的PDF文档。Prototype是Web开发中一个广泛使用的开源JavaScript框架,它旨在简化DOM操作,提供强大的...

    小议JavaScript库——Dojo、jQuery和PrototypeJS的比较.pdf

    JavaScript 库比较 —— Dojo、jQuery 和 PrototypeJS 在当今的 Web 开发中,JavaScript 库扮演着越来越重要的角色。这些库提供了许多有用的功能,可以帮助开发者快速构建 Web 应用程序。本文将对 Dojo、jQuery 和 ...

    prototype-1.4.0.rar及开发手册

    Prototype.js 的核心概念之一是扩展JavaScript的基本类型,如Array、String、Number等,增加了一系列实用方法。例如,Array类增加了`each`方法,允许我们遍历数组中的每个元素,这在处理数据集合时非常方便。此外,...

    Javascript Function.prototype.bind详细分析

    JavaScript中的`Function.prototype.bind`是一个至关重要的方法,用于创建一个新的函数——绑定函数,该函数在调用时会保持特定的`this`值和预设的参数。`bind`方法接收两个主要参数:第一个参数用于设置新函数执行...

    Prototype使用学习手册指南

    本手册旨在详细介绍Prototype.js中的常用函数及其应用场景,帮助开发者快速掌握并运用到实际项目中。 #### 常用函数详解 ##### Element操作 - **`Element.toggle(elementId)`** - **功能**:根据指定元素的当前...

    prototype+开发笔记

    首先,我们从基本概念出发,理解`Prototype`的核心原理。 `Prototype`是JavaScript中每个对象所固有的特性,它为对象提供了继承的能力。在JavaScript中,每一个函数都有一个`prototype`属性,这个属性指向一个对象...

    js 时间函数应用加、减、比较、格式转换的示例代码

    代码如下: // JavaScript Document //————————————————— // 判断闰年 //————————————————— Date.prototype.isLeapYear = function() { return (0==this.getYear()%4&&((this....

    js返回另一个函数

    比如`Array.prototype.map()`,它接受一个函数作为参数,然后对数组中的每个元素应用这个函数,返回一个新的数组: ```javascript var numbers = [1, 2, 3, 4, 5]; var squared = numbers.map(function(number) { ...

    详解帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)

    其次,`prototype`属性是函数特有的,它指向一个对象,这个对象就是由该函数创建的实例的原型对象。这意味着,任何由该函数实例化的对象都可以通过`__proto__`访问到`prototype`所指向的共享属性和方法。例如,如果...

    prototype-chm 操作手册

    在《prototype 操作手册》中,首先会介绍Prototype的基本概念,包括它的安装和引入方式,以及如何在项目中快速启用。这一部分对于初学者至关重要,因为它为后续的学习打下了坚实的基础。 接着,手册将深入探讨...

    JavaScript_实用函数式Javascript.zip

    在"JavaScript_实用函数式Javascript.zip"这个压缩包中,我们可能会深入探讨JavaScript中的一个特定领域——函数式编程。 函数式编程是编程范式之一,它强调程序的数据流和变换,而不是对状态和控制流的操作。在...

    Ajax实战:Prototype与Scriptaculous篇pdf

    Prototype是一个强大的JavaScript框架,它扩展了JavaScript的基本对象和函数,简化了DOM操作,并提供了强大的功能来处理Ajax请求。以下是一些关键知识点: 1. **对象扩展**:Prototype扩展了JavaScript的核心类,如...

    Prototype 1.6.0.3中文参考手册chm.rar

    我英语并不是太好,并且在初期的时候,对 Prototype 的设计理念也不太熟,所以前期的文章可能错误会比较多一些, 主要集中在工具函数那一节,从 Ajax 后感觉就好多了, 虽然后面做了修订,但是已有的词句会混淆当前...

Global site tag (gtag.js) - Google Analytics