prototype 笔记

来源:互联网 发布:拓扑结构优化现状 编辑:程序博客网 时间:2024/05/16 07:15
prototype的常用函数
******************
 $()  getElementByID    有name属性和ID属性发生冲突时以name属性先取
 $A() 转换成一个数组(Array) 传入参数不是一个集合时,将返回空数组而不是一个元素的数组
 $F() 获得表单对象的值 有name属性和ID属性发生冲突时以name属性先取
 $H() 把属性返以Hash(prototype自定义对象) 对象返回
 $R() $R就是ObjectRange(prototype自定义对象) 的别名。
 
prototype的自定义类和对象
***********************
 Element对象
  方法:
   addClassName(element,className);
   classNames(element);
   cleanWhitespace(element);
   getHeight(element);
   getStyle(element,cssProperty);
   hasClassName(element,className);
   hide(elem1[,elem2[,elem3[,...]]]);
   makeClipping(element);
   remove(element);
   removeClassName(element,className);
   scrollTo(element);
   setStyle(element,cssPropertyHash);
   show(elem1[,elem2[,elem3[,...]]]);
   toggle(elem1[,elem2[,elem3[,...]]]);
   undoClipping(element);
   updata(element);
   visible(element);
   
 Enumerable对象
  方法:
   each(iterator);
   all([iterator]);
   any(iterator);
   collect(iterator);
   detect(iterator);
   entries();
   find(iterator);
   findAll(iterator);
   grep(pattern[,iterator]);
   include(obj);
   inject(initaliValue,iterator);
   map(iterator);
   max([iterator]);
   member(obj);
   min([iterator]);
   partition([iterator]);
   pluck(propertyName);
   reject(iterator);
   select(iterator);
   toArray();
   zip(collection1[,collection2[,collectionN[,transform]]]);
 
 
 Field对象
  方法:
   clear(field[,field2[,field3[,...]]]);
    将指定的elements的value都设置为空字符串
   present(field[,field2[,field3[,...]]]);
    判断给定的elements的value是否都存在
   focus(field);
    使得指定的表单元素获得焦点
   select(field);
    使得指定的表单元素内容处于选中状态
   activate(field);
    使得指定的表单元素处于活动状态(获得焦点或者内容处于选中状态)
 
 Form对象
  方法:
   serialize(form);
   findFirstElement(form);
   getElements(form);
   getInputs(form[,typeName[,name]]);
   disable(form);
   enable(form);
   focusFirstElement(form);
   reset(form);
   
 Form.Element对象
  方法:
   serialize(element);
   getValue(element);
   
 Hash对象
  方法:
   keys();
   values();
   merge(otherHash);
   toQueryString();
   inspect();
 Class对象
  方法:
   create();
   
 用于操作HTML元素的类
  方法:
   Insertion.After(element,content);
   Insertion.Before(element,content);
   Insertion.Bottom(element,content);
   Insertion.Top(element,content);
   
 常用的监听器
  Form.Observer(form,interval,callback);
  Form.EventObserver(form,interval,callback);
  Form.Element.Observer(form,interval,callback);
  Form.Element.EventObserver(form,interval,callback);
  
  
prototype的常用扩展
 扩展Arry  (prototype里的数组继承于Enumerable,所以Enumerable的所有方法对于Array都有效)
  扩展的:
   clear();
   compact();
   first();
   flatten();
   indexOf(value);
   inspect();
   last();
   reverse(true|false);
   shift();
   without(value1[,value2[,value3[,...valueN]]]);
 扩展Document
  扩展的:
   getElementByClassName(className[,parentElement]);
 扩展String
  扩展的:
   stripTags();
   stripScript();
   escapeHTML();
   unescapeHTML();
   extractScripts();
   evalScripts();
   toQueryParams();
   parseQuery();
   toArray();
   camelize();
   
 扩展Event
  扩展的:
   属性:
    KEY_BACKSPACE:8;     退格键
    KEY_TAB:9;    TAB键
    KEY_RETURN:13;   回车键
    KEY_ESC:27;    ESC键
    KEY_LEFT:37;   向左的箭头键
    KEY_UP:38;    向上的箭头键
    KEY_RIGHT:39;   向右的箭头键
    KEY_DOWN:40;   向下的箭头键
    KEY_DELETE:46;   Delete键
    
   方法:
    element(event);
    isLeftClick(event);
    pointerX(event);
    pointerY(event);
    stop(event);
    findElement(event,tagName);
    observe(event,name,observer,useCapture);
    stopObserving(element,name,observer,useCapture);
 
 
 
******************
prototype的Ajax功能
*******************
原创粉丝点击