手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Prototype 学习 工具函数学习($w,$F方法)
Prototype 学习 工具函数学习($w,$F方法)
摘要:$w方法SplitsastringintoanArray,treatingallwhitespaceasdelimiters.Equival...

$w方法

Splits a string into an Array, treating all whitespace as delimiters. Equivalent to Ruby's %w{foo bar} or Perl's qw(foo bar).

复制代码 代码如下:

function $w(string) {

if (!Object.isString(string)) return [];

string = string.strip();

return string ? string.split(/s+/) : [];

}

这个方法就是用空白字符把字符串分成数组,然后返回。

例子:

复制代码 代码如下:

$w('apples bananas kiwis') // -> ['apples', 'bananas', 'kiwis']

$F方法

Returns the value of a form control. This is a convenience alias of Form.Element.getValue.

复制代码 代码如下:

var $F = Form.Element.Methods.getValue;

//====>getValue()

getValue: function(element) {

element = $(element);

var method = element.tagName.toLowerCase();

return Form.Element.Serializers[method](element);

}

//====>Serializers

Form.Element.Serializers = {

input: function(element, value) {

switch (element.type.toLowerCase()) {

case 'checkbox':

case 'radio':

return Form.Element.Serializers.inputSelector(element, value);

default:

return Form.Element.Serializers.textarea(element, value);

}

},

inputSelector: function(element, value) {

if (Object.isUndefined(value)) return element.checked ? element.value :

null;

else element.checked = !!value;

},

textarea: function(element, value) {

if (Object.isUndefined(value)) return element.value;

else element.value = value;

},

//省略,以后说到这个对象的时候在详细说明

......

//====> Object.isUndefined

function isUndefined(object) {

return typeof object === "undefined";

}

这个函数最后就是返回传入参数的值。从Form.Element.Serializers 这个对象里面定义的方法可以看出,$F方法取得的是Form元素的值,如果定义一个div然后调用这个方法将会抛出Form.Element.Serializers[method] is not a function异常,如果给定的ID不存在将会抛出element has no properties异常。

在Form.Element.Serializers 里面的方法中先检查value这个参数是否存在,存在就相当于给element参数赋值,不存在就会返回element的值

【Prototype 学习 工具函数学习($w,$F方法)】相关文章:

prototype 1.5 & scriptaculous 1.6.1 学习笔记

jQuery插件制作之全局函数用法实例

JavaScript检查数字是否为整数或浮点数的方法

Javascript中prototype属性实现给内置对象添加新的方法

javascript实现树形菜单的方法

js+html5操作sqlite数据库的方法

jQuery子窗体取得父窗体元素的方法

JavaScript中指定函数名称的相关方法

jquery中map函数遍历数组用法实例

jQuery聚合函数实例

精品推荐
分类导航