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 相关文章推荐
输入密码检测大写是否锁定js实现代码
Dec 03 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
Jan 15 Javascript
js离开或刷新页面检测(且兼容FF,IE,Chrome)
Mar 05 Javascript
Bootstrap Chart组件使用教程
Apr 28 Javascript
简洁实用的BootStrap jQuery手风琴插件
Aug 31 Javascript
详解Python中logging日志模块在多进程环境下的使用
Dec 26 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
Mar 08 Javascript
vue.js实现标签页切换效果
Jun 07 Javascript
详解react内联样式使用webpack将px转rem
Sep 13 Javascript
JS中的防抖与节流及作用详解
Apr 01 Javascript
JS XMLHttpRequest原理与使用方法深入详解
Apr 30 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
Jul 22 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和Rolling cURL并发方式比较
2013/10/30 PHP
什么情况下可以不写PHP的闭合标签“?>”
2014/08/28 PHP
php中实现记住密码下次自动登录的例子
2014/11/06 PHP
php读取mssql的ntext字段返回值为空的解决方法
2014/12/30 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
php微信公众号开发模式详解
2016/11/28 PHP
ecshop添加菜单及权限分配问题
2017/11/21 PHP
PHP文件后缀不强制为.php方法
2019/03/31 PHP
基于Laravel-admin 后台的自定义页面用法详解
2019/09/30 PHP
基于jQuery的Spin Button自定义文本框数值自增或自减
2010/07/17 Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
2010/11/17 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
2015/01/18 Javascript
jquery中$each()方法的使用指南
2015/04/30 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
JS实现动态增加和删除li标签行的实例代码
2016/10/16 Javascript
Nodejs 发送Post请求功能(发短信验证码例子)
2017/02/09 NodeJs
Express URL跳转(重定向)的实现方法
2017/04/07 Javascript
详解vue中使用express+fetch获取本地json文件
2017/10/10 Javascript
Angular使用cli生成自定义文件、组件的方法
2018/09/04 Javascript
react+ant design实现Table的增、删、改的示例代码
2018/12/27 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
2019/03/28 Javascript
layui实现左侧菜单点击右侧内容区显示
2019/07/26 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
2020/02/27 Javascript
详解使用 pyenv 管理多个版本 python 环境
2017/10/19 Python
python zip()函数使用方法解析
2019/10/31 Python
python 连续不等式语法糖实例
2020/04/15 Python
HTML5公共页面提取作为公用代码的方法
2020/06/30 HTML / CSS
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
澳大利亚时尚前卫设计师珠宝在线:Amber Sceats
2017/10/04 全球购物
高中校园广播稿
2014/01/11 职场文书
六年级学生评语
2014/04/22 职场文书
2015年八一建军节活动总结
2015/03/20 职场文书
2015年学校教科室工作总结
2015/07/20 职场文书
银行安全保卫工作总结
2015/08/10 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
TypeScript 使用 Tuple Union 声明函数重载
2022/04/07 Javascript