`
log_cd
  • 浏览: 1089205 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

prototype 实用的函数

阅读更多
(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.js手册

    prototype.js是什么? 万一你没有使用过... 相关文章 Advanced JavaScript guide. 一些实用的函数 这个类库带有很多预定义的对象和实用函数,这些东东的目的显然是把你从一些重复的打字中解放出来 。

    vue-27-prototype.mp4

    prototype是函数对象上面预设的对象属性 1. JS中所有的东西都是对象,每个对象都有prototype这个属性,这个属性是一个对象(object) 2. JS中所有的东西都由Object衍生而来, 即所有东西原型链的终点指向Object....

    prototype1.7.js

     prototype.js不仅是一个有很大实用价值的js库,而且有很高的学习价值。  ---  在prototype.js中,prototype对象是实现面向对象的一个重要机制。  每个函数(Function)就是一个对象,函数对象都有一...

    prototype.js

    prototype.js不仅是一个有很大实用价值的js库,而且有很高的学习价值。 --- 在prototype.js中,prototype对象是实现面向对象的一个重要机制。 每个函数就是一个对象(Function),函数对象都有一个子对象 ...

    Prototype 工具函数 学习

    Prototype学习工具函数$H,$R,Try.these,document.getElementsByClassName

    prototype.js常用函数:

    里面有js一般常用的函数以及使用方法说明

    本人博客中涉及的prototype.js文件及本人从中提取的ajax库和封装函数

    为方便调用,本人另写了两个函式:mmAjaxUpdater和mmAjaxRequest,在实践中,这两个函数只兼容prototype1.3.1版本。因此对以上函数进行重写,现在已兼容所有版本的prototype.js,方便在项目开发中进行ajax调用。

    es6 prototype

    XExtends Core v1.0.0 es6 prototype原生扩展函数、promise ...

    Prototype详解

    Prototype详解

    prototype帮助文档

    在JavaScript中,prototype对象是实现面向对象的一个...每个函数就是一个对象(Function),函数对象都有一个子对象 prototype对象,类是以函数的形式来定义的。prototype表示该函数的原型,也表示一个类的成员的集合。

    prototype.js的系列文章

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

    prototype.js_v1.6_含中英文手册

    prototype.js 是Sam Stephenson写的一个Javascript的小框架(实际上是一个函数... prototype.js不仅是一个有很大实用价值的js库,而且有很高的学习价值。 -------------------- 英文手册是v1.6 chm 中文手册是v1.4 pdf

    prototype.js开发手册

    prototype.js不仅是一个有很大实用价值的js库,而且有很高的学习价值。 --- 在prototype.js中,prototype对象是实现面向对象的一个重要机制。 每个函数就是一个对象(Function),函数对象都有一个子对象 ...

    Prototype_1.6 JavaScript代码和中文帮助手册

     prototype.js不仅是一个有很大实用价值的js库,而且有很高的学习价值。  ---  在prototype.js中,prototype对象是实现面向对象的一个重要机制。  每个函数就是一个对象(Function),函数对象都有一个子...

    微信Page.prototype.setData() 函数封装使用实例.rar

    演示微信小程序开发对 Page.prototype.setData() 函数的封装的例子,作者:云淡风轻。  比如显示/隐藏、添加样式、移除样式、添加class、绑定事件、移除事件、重新注册事件源、列表绑定事件等。

    Prototype 1.6.0.3中文参考手册chm.rar

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

    构造函数定义对象+prototype继承的实现.html

    构造函数定义对象+prototype继承的实现,含CSS样式

    Prototype 学习 工具函数学习($A方法)

    Prototype 学习 工具函数学习($A使用方法)

    JS中的原型以及prototype、constructor、__proto__三者之间的关系

    1、任何一个函数内都有prototype属性,这个prototype属性指向另一个对象 ,这个对象就是就是原型对象 ,简称原型。注意这个prototype是函数本身所自带的属性 2、原型的作用就是实现方法共享,将多个对象会调用的相同...

Global site tag (gtag.js) - Google Analytics