prototype.js的系列文章——$F()函数

原创 2007年10月04日 16:46:00

 

使用说明

$F()是一个能够简化编码量的函数,对于字段输入控件有效,包括input、textarea、select等,该函数的输入参数为这些输入控件元素对象的id或元素对象本身,函数负责返回这些输入控件元素对象的值,即value。例如,代码段1和代码段2的对比可以说明该函数对于简化编码量的作用。

代码段1:

<script language=javascript>
function test()
{
    alert(document.getElementById(
"myInput").value);
}
</script>

<input value="hello world" id="myInput">
<input type=button value=test onclick=test()>

代码段2:

<script language=javascript>
function test()
{
    alert( $F(
"myInput") );
}
</script>

<input value="hello world" id="myInput">
<input type=button value=test$F onclick=test()>

这里需要说明的一点是,$F("myInput")的返回值尽管等同于document.getElementById("myInput").value,但是,$F("myInput")只能用来读取元素对象的值,不能用在等号左边进行赋值运算,例如,如下代码是错误的:

$F("myInput"= "new value"//这是错误的写法

但是,下面的代码是正确的:

document.getElementById("myInput").value = "new value"//正确的代码

如果希望利用prototype.js的函数实现上面正确的代码就应该利用上一篇文章提到的$(),代码如下:

$("myInput").value = "new value"//正确的代码

 

源码分析

 暂无

prototype.js的系列文章——$F()函数

使用说明$F()是一个能够简化编码量的函数, 对于字段输入控件有效,包括input、textarea、select等,该函数的输入参数为这些输入控件元素对象的id或元素对象本身,函数负责返回 这些输入...
  • qiaolunihao
  • qiaolunihao
  • 2007年10月20日 15:43
  • 275

prototype.js的系列文章——$()函数

关于prototype.js的说明和下载:http://blog.csdn.net/fuwaer/archive/2007/10/04/1811081.aspx使用说明$()函数的功能是获取元素对象,...
  • qiaolunihao
  • qiaolunihao
  • 2007年10月20日 15:36
  • 498

prototype.js的系列文章——$()函数

 关于prototype.js的说明和下载:http://blog.csdn.net/fuwaer/archive/2007/10/04/1811081.aspx使用说明$()函数的功能是获取元素对象...
  • FuWaer
  • FuWaer
  • 2007年10月04日 15:53
  • 992

prototype.js的系列文章——$H()函数

$H()方法把对象转化成可枚举的貌似联合数组Hash对象。 function testHash() { //lets create the object var...
  • qiaolunihao
  • qiaolunihao
  • 2007年10月20日 16:19
  • 266

prototype.js的系列文章——$R()函数

$R()方法是new ObjectRange(lowerBound, upperBound, excludeBounds)的一个简单快捷的使用方式。ObjectRange类文档里面有完整的解释。 同...
  • qiaolunihao
  • qiaolunihao
  • 2007年10月20日 16:25
  • 220

prototype.js的系列文章——Try.these())函数

Try.these() 方法使得实现当你想调用不同的方法直到其中的一个成功正常的这种需求变得非常容易, 他把一系列的方法作为参数并且按顺序的一个一个的执行这些方法直到其中的一个成功执行,返回成功执行...
  • qiaolunihao
  • qiaolunihao
  • 2007年10月20日 16:30
  • 423

prototype.js的系列文章——$A()函数

$A()方法把接收到的参数转换成一个Array对象。这个方法加上对Array类的扩展,可以很容易的转换或者复制任意的列举列表到Array对象, 一个被推荐使用的用法就是转换DOM的NodeLists到...
  • qiaolunihao
  • qiaolunihao
  • 2007年10月20日 15:50
  • 283

prototype.js的系列文章——关于prototype.js

 很早就知道prototype.js是一个javascript的工具函数库,平时的开发中使用频率也非常的高,但是,由于工作时间问题,一直都没有静下心来研究学习一下,最近又萌发了系统学习prototyp...
  • FuWaer
  • FuWaer
  • 2007年10月04日 14:35
  • 1215

prototype.js之ajax.request学习笔记(一)

这二天用prototype.js中的ajax.request做了些东西,闲时看了下源码,体会如下:  在用AJAX部分前,有如下一些函数得了解一下:  Class变量var Class = {  cr...
  • zth603
  • zth603
  • 2010年07月24日 11:51
  • 1298

prototype.js的系列文章——Ajax.Request类

如果你不使用任何的帮助程序包,你很可能编写了整个大量的代码来创建XMLHttpRequest对象并且异步的跟踪它的进程, 然后解析出响应 然后处理它。当你不需要支持多于一种类型的浏览器时你会感到非常...
  • qiaolunihao
  • qiaolunihao
  • 2007年10月21日 21:13
  • 1101
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:prototype.js的系列文章——$F()函数
举报原因:
原因补充:

(最多只允许输入30个字)