(1)$()方法
document.getElementById() 方法的一个便利的简写,就像这个 DOM 方法一样,这个方法返回参数传入的 id 的那个元素。可以传入多个 id 作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。
example:
var d=$('myDiv');
alert(d.innerHTML);
var divs=$('myDiv','myOtherDiv');
for(i=0;i<divs.length;i++){
alert(divs[i].innerHTML);
}
(2)$F()函数
用于返回任何表单输入控件的值,比如 text box,drop-down list。这个方法也能用元素 id 或元素本身做为参数。
example:
alert($F('userName'));
(3)$A()函数
$A()函数能把它接收到的单个的参数转换成一个 Array 对象。这个方法,结合被本类库扩展了的 Array 类,能方便的把任何的可枚举列表转换成或拷贝到一个 Array 对象。一个推荐的用法就是把 DOM Node Lists 转换成一个普通的 Array 对象,从而更有效率的进行遍历。
example:
<script>
function showOptions(){
var someNodeList=$('lstEmployees').getElementsByTagName('option');
var nodes=$A(someNodeList);
nodes.each(function (node){
alert(node.nodeName+': '+node.innerHTML);
});
}
</script>
(4)$H() 函数
$H()函数把一些对象转换成一个可枚举的和联合数组类似的 Hash 对象。
example:
<script>
function testHash()
{
//let's create the object
var a={
first:10,second:20,third:30
};
//now transform it into a hash
var h=$H(a);
alert(h.toQueryString());
//displays: first=10&second=20&third=30
}
</script>
(5)$R()函数
$R()是 new ObjectRange(lowBound,upperBound,excludeBounds)的缩写。设定下限,上限
example:
<script>
function demoDollar_R(){
var range=$R(10,20,false);
range.each(function (value,index){
alert(value);
});
}
</script>
<input type="button" value="Sample Count" onclick="demoDollar_R();" >
(6)Try.these()函数
Try.these() 方法使得实现当你想调用不同的方法直到其中的一个成功正常的这种需求变得非常容易, 他把一系列的方法作为参数并且按顺序的一个一个的执行这些方法直到其中的一个成功执行,返回成功执行的那个方法的返回值。
example:
<script>
function getXmlNodeValue(xmlNode){
return Try.these(function (){
return xmlNode.text;
},function (){
return xmlNode.textContent;
));
}
</script>
(7)在Prototype中的Event中有如下属性:
KEY_BACKSPACE: 8,
KEY_TAB: 9,
KEY_RETURN: 13,
KEY_ESC: 27,
KEY_LEFT: 37,
KEY_UP: 38,
KEY_RIGHT: 39,
KEY_DOWN: 40,
KEY_DELETE: 46,
KEY_HOME: 36,
KEY_END: 35,
KEY_PAGEUP: 33,
KEY_PAGEDOWN: 34,
以及下面的方法:
element(event) :返回触发事件的元素
isLeftClick(event) :判断是否按下的左键
pointerX(event) :事件触发时鼠标的横坐标
pointerY(event):事件触发时鼠标所在位置的纵坐标
stop(event):阻止事件向上传播和浏览器的默认处理方法
findElement(event, tagName) :找到触发事件的元素的所有祖先元素中的tagName为tagName的一个元素
observe(element, name, observer, useCapture):注册事件处理函数
stopObserving(element, name, observer, useCapture):撤销注册的事件
分享到:
相关推荐
在"Prototype实用练习"中,Test1可能是实现上述知识点的一个具体案例,比如创建一个构造函数,定义其原型上的方法,然后创建实例并测试这些方法。通过这样的练习,学习者可以深入理解JavaScript的原型机制,并提升其...
prototype.js是什么? 万一你没有使用过... 相关文章 Advanced JavaScript guide. 一些实用的函数 这个类库带有很多预定义的对象和实用函数,这些东东的目的显然是把你从一些重复的打字中解放出来 。
prototype是函数对象上面预设的对象属性 1. JS中所有的东西都是对象,每个对象都有prototype这个属性,这个属性是一个对象(object) 2. JS中所有的东西都由Object衍生而来, 即所有东西原型链的终点指向Object....
prototype.js不仅是一个有很大实用价值的js库,而且有很高的学习价值。 --- 在prototype.js中,prototype对象是实现面向对象的一个重要机制。 每个函数(Function)就是一个对象,函数对象都有一...
Prototype是一个广泛使用的JavaScript框架,它扩展了JavaScript的核心功能,简化DOM操作,提供了一些实用的工具函数,以及强大的面向对象特性。Prototype库的主要特点包括: 1. **DOM助手(DOM Manipulation)**:...
这篇博客"JavaScript实用小函数(一)"可能涵盖了JavaScript基础以及一些实用技巧,虽然具体细节未在描述中给出,但我们可以根据常见的话题进行深入探讨。本文将主要围绕JavaScript中的函数、面向对象编程以及多态性来...
1.5.1版本是Prototype的一个稳定版本,包含了众多实用的功能和修复了一些已知问题。 一、基础概念 1. Object.extend:这是Prototype库的核心功能之一,允许用户向任何对象添加新的属性或方法,实现类继承的概念。 2...
"实用函数式JavaScript"的主题着重于介绍如何利用函数式编程的概念和技巧来提高JavaScript代码的质量和可维护性。函数式编程是一种编程范式,强调通过避免改变状态和可变数据,以及使用纯函数来解决问题。 在...
它不仅解释了各种方法和函数的工作原理,还提供了大量示例代码,帮助理解如何在实际项目中应用Prototype。 7. **最佳实践** 使用Prototype时,应遵循一些最佳实践,如合理组织代码(使用模块化),避免全局变量...
在这个"非常有用的prototype实例"中,我们可以看到一些实用的例子,帮助我们更好地理解和运用`prototype`。 首先,了解`prototype`的基本原理:每个函数(在JavaScript中,函数也是对象)都有一个名为`prototype`的...
Prototype.js 是一个广泛使用的JavaScript库,它为JavaScript语言增加了许多实用的功能,使开发Web应用程序变得更加简单。这个压缩包包含了Prototype的1.6.0版本,包括中文版和英文版的文档,以及源代码文件。 首先...
1. **核心功能**:Prototype 主要为JavaScript提供了一套丰富的实用函数,如数组操作、对象扩展、字符串处理等,同时也提供了强大的DOM操作接口和事件管理机制。 2. **DOM操作**:Prototype 提供了$()函数,可以...
Prototype JavaScript 框架是Web开发中的一个关键工具,它为JavaScript编程提供了许多实用的类库函数和设计模式。这个“Prototype 1.6中文手册 chm+prototype 1.6.js源码 最新版”正是面向希望深入学习和掌握...
prototype.js不仅是一个有很大实用价值的js库,而且有很高的学习价值。 --- 在prototype.js中,prototype对象是实现面向对象的一个重要机制。 每个函数就是一个对象(Function),函数对象都有一个子对象 ...
Prototype是一个广泛使用的开源JavaScript库,它的目标是简化JavaScript的开发,提供了一系列实用的函数来扩展JavaScript的基本类型,使得开发者能够更高效地构建动态网页应用。 Prototype的核心功能包括DOM操作、...
1. **Prototype库基础**:Prototype库提供了一系列的JavaScript扩展,包括类、对象、数组、字符串和函数的增强,以及DOM操作、事件处理、Ajax请求等工具。 2. **类与对象**:Prototype通过模拟面向对象编程的概念,...
例如,`Element.extend`方法允许扩展任何DOM元素的功能,而`$`函数则是一个快速定位DOM元素的实用工具,这在处理复杂页面结构时极大地提高了效率。 除此之外,Prototype_1.7.3.js还提供了丰富的AJAX(异步...
Prototype库通过提供一系列简洁且强大的函数,简化了这些操作,使得开发者能够更加高效地编写代码。 ##### 2.1 使用$() Prototype中的`$()`函数是其最著名的功能之一,它类似于`document.getElementById()`,用于...