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 相关文章推荐
jquery ajax请求实例深入解析
Nov 26 Javascript
js验证整数加保留小数点的简单实例
Dec 02 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
Aug 14 Javascript
Javascript中设置默认参数值示例
Sep 11 Javascript
简介JavaScript中的italics()方法的使用
Jun 08 Javascript
深入理解选择框脚本[推荐]
Dec 13 Javascript
JavaScript实现倒计时跳转页面功能【实用】
Dec 13 Javascript
详解jQuery简单的表格应用
Dec 16 Javascript
jQuery ajax的功能实现方法详解
Jan 06 Javascript
js实现简单模态框实例
Nov 16 Javascript
Vue路由前后端设计总结
Aug 06 Javascript
pnpm对npm及yarn降维打击详解
Aug 05 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实现带读写分离功能的MySQL类完整实例
2016/07/28 PHP
PHP实现简易blog的制作
2016/10/24 PHP
js 多浏览器分别判断代码
2010/04/01 Javascript
jQuery实现简单的文件上传进度条效果
2020/03/26 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
Js动态设置rem来实现移动端字体的自适应代码
2016/10/14 Javascript
BootStrap 表单控件之单选按钮水平排列
2017/05/23 Javascript
JavaScript中document.referrer的用法详解
2017/07/04 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
webpack手动配置React开发环境的步骤
2018/07/02 Javascript
bootstrap模态框关闭后清除模态框的数据方法
2018/08/10 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
2019/03/19 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
2019/04/10 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
python实现网页链接提取的方法分享
2014/02/25 Python
Python cookbook(数据结构与算法)将名称映射到序列元素中的方法
2018/03/22 Python
Python定时发送天气预报邮件代码实例
2019/09/09 Python
python tkinter图形界面代码统计工具(更新)
2019/09/18 Python
pandas数据拼接的实现示例
2020/04/16 Python
Windows 平台做 Python 开发的最佳组合(推荐)
2020/07/27 Python
联想香港官方网站及网店:Lenovo香港
2018/04/13 全球购物
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
Skechers越南官方网站:来自美国的运动休闲品牌
2021/02/22 全球购物
Servlet如何得到客户端机器的信息
2014/10/17 面试题
体育专业个人的求职信范文
2013/09/21 职场文书
市场开发计划书
2014/05/07 职场文书
环保建议书500字
2014/05/14 职场文书
个人作风建设自查报告
2014/10/22 职场文书
2014年教学管理工作总结
2014/12/02 职场文书
党员个人党性分析材料
2014/12/18 职场文书
三孔导游词
2015/02/05 职场文书
硕士毕业答辩开场白
2015/05/27 职场文书
创业计划书之酒店
2019/08/30 职场文书
python3 删除所有自定义变量的操作
2021/04/08 Python