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 相关文章推荐
在textarea中屏蔽js的某个function的javascript代码
Apr 20 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
node.js中的fs.fchmodSync方法使用说明
Dec 16 Javascript
Javascript中For In语句用法实例
May 14 Javascript
仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
Jul 01 Javascript
微信小程序 Button 组件详解及简单实例
Jan 10 Javascript
js 转义字符及URI编码详解
Feb 28 Javascript
javascript+html5+css3自定义弹出窗口效果
Oct 26 Javascript
如何重置vue打印变量的显示方式
Dec 06 Javascript
Vue服务端渲染实践之Web应用首屏耗时最优化方案
Mar 22 Javascript
JavaScript 空间坐标的使用
Aug 19 Javascript
分享几个JavaScript运算符的使用技巧
Apr 24 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多个文件上传到服务器实例
2014/10/29 PHP
php内嵌函数用法实例
2015/03/20 PHP
php统计数组不同元素的个数的实例方法
2019/09/26 PHP
thinkphp5 + ajax 使用formdata提交数据(包括文件上传) 后台返回json完整实例
2020/03/02 PHP
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
JQuery从头学起第二讲
2010/07/04 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
得到form下的所有的input的js代码
2013/11/07 Javascript
瀑布流布局代码一例
2014/04/11 Javascript
php读取sqlite数据库入门实例代码
2014/06/25 Javascript
Bootstrap CSS组件之按钮组(btn-group)
2016/12/17 Javascript
详解Vue微信公众号开发踩坑全记录
2017/08/21 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
JavaScript使用面向对象实现的拖拽功能详解
2019/06/12 Javascript
JS实现灯泡开关特效
2020/03/30 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
浅谈编码,解码,乱码的问题
2016/12/30 Python
Python学习之Anaconda的使用与配置方法
2018/01/04 Python
Python 实现集合Set的示例
2020/12/21 Python
python实现双人五子棋(终端版)
2020/12/30 Python
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
什么时候用assert
2015/05/08 面试题
入职担保书怎么写
2014/05/12 职场文书
汽车销售经理岗位职责
2014/06/09 职场文书
庆六一活动总结
2014/08/29 职场文书
教师三严三实心得体会
2014/10/11 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
客服专员岗位职责范本
2015/04/07 职场文书
小学毕业感言100字
2015/07/30 职场文书
财务人员入职担保书
2015/09/22 职场文书
大学生党课心得体会
2016/01/07 职场文书
如何使用python包中的sched事件调度器
2022/04/30 Python
win10电脑右下角输入法图标不见了?Win10右下角不显示输入法的解决方法
2022/07/23 数码科技