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 相关文章推荐
QQ登录简单实现代码
Mar 09 Javascript
JavaScript获取页面上某个元素的代码
Mar 13 Javascript
jquery监听div内容的变化具体实现思路
Nov 04 Javascript
浅谈Sticky组件的改进实现
Mar 22 Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
May 05 Javascript
js时间戳格式化成日期格式的多种方法介绍
Feb 16 Javascript
js调用刷新界面的几种方式
May 03 Javascript
JavaScript实现三级联动菜单实例代码
Jun 26 Javascript
JS路由跳转的简单实现代码
Sep 21 Javascript
vue2组件之select2调用的示例代码
Oct 12 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
Feb 09 Javascript
JS ES6异步解决方案
Apr 29 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的curl实现get和post的代码
2008/08/23 PHP
支持数组的ADDSLASHES的php函数
2010/02/16 PHP
php格式化日期实例分析
2014/11/12 PHP
php函数与传递参数实例分析
2014/11/15 PHP
php简单实现MVC
2015/02/05 PHP
php检查页面是否被百度收录
2015/10/28 PHP
php常用正则函数实例小结
2016/12/29 PHP
PHP+iframe模拟Ajax上传文件功能示例
2019/07/02 PHP
Add a Table to a Word Document
2007/06/15 Javascript
建议大家看下JavaScript重要知识更新
2007/07/08 Javascript
javascript 读取图片文件的大小
2009/06/25 Javascript
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
利用jq让你的div居中的好方法分享
2013/11/21 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
2016/09/28 Javascript
遍历json获得数据的几种方法小结
2017/01/21 Javascript
详解angular ui-grid之过滤器设置
2017/06/07 Javascript
详解ES6 Fetch API HTTP请求实用指南
2018/11/14 Javascript
详解vue 组件注册
2020/11/20 Vue.js
js实现简单图片拖拽效果
2021/02/22 Javascript
[01:04:09]DOTA2-DPC中国联赛 正赛 iG vs VG BO3 第二场 2月2日
2021/03/11 DOTA
Python进行数据科学工作的简单入门教程
2015/04/01 Python
Python2.7简单连接与操作MySQL的方法
2016/04/27 Python
Python中的二维数组实例(list与numpy.array)
2018/04/13 Python
python将txt文件读取为字典的示例
2018/12/22 Python
Python实现序列化及csv文件读取
2020/01/19 Python
Python list和str互转的实现示例
2020/11/16 Python
python3 kubernetes api的使用示例
2021/01/12 Python
使用HTML5 IndexDB存储图像和文件的示例
2018/11/05 HTML / CSS
荷兰浴室和卫浴网上商店:Badkamerxxl.nl
2020/10/06 全球购物
介绍一下gcc特性
2012/01/20 面试题
计算机网络毕业生自荐信
2013/10/01 职场文书
开水果连锁店创业计划书
2013/12/29 职场文书
四年级下册教学反思
2014/02/01 职场文书
2015暑期社会实践个人总结
2015/07/13 职场文书
2016年大学迎新晚会工作总结
2015/10/15 职场文书