Prototype 学习 工具函数学习($w,$F方法)


Posted in Javascript onJuly 12, 2009

$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的值
Javascript 相关文章推荐
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 Javascript
分享几个超级震憾的图片特效
Jan 08 Javascript
利用了jquery的ajax实现二级联互动菜单
Dec 02 Javascript
js 判断js函数、变量是否存在的简单示例代码
Mar 04 Javascript
Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态
Nov 26 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
学习javascript面向对象 掌握创建对象的9种方式
Jan 04 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
Nov 07 Javascript
bootstrap table动态加载数据示例代码
Mar 25 Javascript
Vue.js展示AJAX数据简单示例讲解
Mar 29 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
Jan 27 Javascript
vue 更改连接后台的api示例
Nov 11 Javascript
Prototype 学习 工具函数学习($A方法)
Jul 12 #Javascript
Prototype 学习 工具函数学习($方法)
Jul 12 #Javascript
Prototype 学习 Prototype对象
Jul 12 #Javascript
javascript 动态加载 css 方法总结
Jul 11 #Javascript
checkbox 复选框不能为空
Jul 11 #Javascript
javascript 页面只自动刷新一次
Jul 10 #Javascript
javascript div 遮罩层封锁整个页面
Jul 10 #Javascript
You might like
从php核心代码分析require和include的区别
2011/01/02 PHP
file_get_contents获取不到网页内容的解决方法
2013/03/07 PHP
PHP 安全检测代码片段(分享)
2013/07/05 PHP
5种PHP创建数组的实例代码分享
2014/01/17 PHP
php实现下载限制速度示例分享
2014/02/13 PHP
php多维数组去掉重复值示例分享
2014/03/02 PHP
解决CodeIgniter伪静态失效
2014/06/09 PHP
PHP命名空间namespace及use的简单用法分析
2018/08/03 PHP
PHP防止sql注入小技巧之sql预处理原理与实现方法分析
2019/12/13 PHP
juqery 学习之五 文档处理 插入
2011/02/11 Javascript
JS实现两个大数(整数)相乘
2014/04/28 Javascript
JS+CSS实现可拖动的弹出提示框
2015/02/16 Javascript
纯JS实现本地图片预览的方法
2015/07/31 Javascript
jquery获取文档高度和窗口高度汇总
2016/01/25 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
Angular实现svg和png图片下载实现
2019/05/05 Javascript
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
python如何通过twisted实现数据库异步插入
2018/03/20 Python
Python 查找list中的某个元素的所有的下标方法
2018/06/27 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
为什么你还不懂得怎么使用Python协程
2019/05/13 Python
flask框架jinja2模板与模板继承实例分析
2019/08/01 Python
python统计函数库scipy.stats的用法解析
2020/02/25 Python
python字典key不能是可以是啥类型
2020/08/04 Python
彻底解决Python包下载慢问题
2020/11/15 Python
电大毕业自我鉴定
2014/02/03 职场文书
英文求职信写作小建议
2014/02/16 职场文书
建筑安全员岗位职责
2014/03/13 职场文书
幼儿园老师寄语
2014/04/03 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
厉行勤俭节约倡议书
2014/05/16 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
2015年双拥工作总结
2015/04/08 职场文书
毕业生爱心捐书倡议书
2015/04/27 职场文书
企业员工辞职信范文
2015/05/12 职场文书
董事会决议范本
2015/07/01 职场文书