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 相关文章推荐
超棒的javascript页面顶部卷动广告效果
Dec 01 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
推荐一个封装好的getElementsByClassName方法
Dec 02 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
May 06 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
jQuery内存泄露解决办法
Dec 13 Javascript
animate.css在vue项目中的使用教程
Aug 05 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
Aug 06 Javascript
Vue使用NProgress的操作过程解析
Oct 10 Javascript
JS实现简单日历特效
Jan 03 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
一个SQL管理员的web接口
2006/10/09 PHP
用php的ob_start来生成静态页面的方法分析
2011/03/09 PHP
php_screw 1.5:php加密: 安装与使用详解
2013/06/20 PHP
PHP mail()函数使用及配置方法
2014/01/14 PHP
javascript 跳转代码集合
2009/12/03 Javascript
jQuery $.each的用法说明
2010/03/22 Javascript
基于JQuery的Pager分页器实现代码
2010/07/17 Javascript
用JavaScript对JSON进行模式匹配(Part 1-设计)
2010/07/17 Javascript
js自定义事件代码说明
2011/01/31 Javascript
Javascript base64编码实现代码
2011/12/02 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
2013/06/21 Javascript
jquery实现带二级菜单的导航示例
2014/04/28 Javascript
JavaScript数据类型之基本类型和引用类型的值
2015/04/01 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
详解AngularJS中ng-src指令的使用
2016/09/07 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
js 博客内容进度插件详解
2017/02/19 Javascript
swiper动态改变滑动内容的实现方法
2018/01/17 Javascript
Vue实现点击时间获取时间段查询功能
2020/08/21 Javascript
Node.js进阶之核心模块https入门
2018/05/23 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
2020/05/11 Javascript
[00:15]TI9地铁玩家打卡
2019/08/11 DOTA
gearman的安装启动及python API使用实例
2014/07/08 Python
详解Python的collections模块中的deque双端队列结构
2016/07/07 Python
Python框架Flask的基本数据库操作方法分析
2018/07/13 Python
3D动画《斗罗大陆》上线当日播放过亿
2021/03/16 国漫
努比亚手机官网:nubia
2016/10/06 全球购物
Booking.com美国:全球酒店预订网站
2017/04/18 全球购物
什么是虚拟内存?虚拟内存有什么优势?
2012/02/19 面试题
服装行业创业计划书范文
2014/02/05 职场文书
优秀驾驶员先进事迹材料
2014/05/04 职场文书
趣味运动会赞词
2015/07/22 职场文书
文明礼貌主题班会
2015/08/14 职场文书
Go语言带缓冲的通道实现
2021/04/26 Golang
解析MySQL索引的作用
2022/03/03 MySQL