`

prototype.js $F()函数

阅读更多
$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开发手册.pdf

    《prototype.js开发手册》是关于JavaScript库Prototype的详细指南,旨在帮助开发者更好地理解和利用这个强大的工具。Prototype由Sam Stephenson创建,它提升了JavaScript的基础功能,为Web开发提供了更丰富的功能和...

    prototype.js开发笔记.pdf

    Prototype.js是一个JavaScript库,由Sam Stephenson编写,用于简化JavaScript编程,提供了许多有用的函数和方法,以帮助开发者快速构建Web应用程序。下面是Prototype.js的开发笔记,涵盖了该库的使用指南、Ajax对象...

    prototype.js 说明文档.doc

    《prototype.js 说明文档》是关于JavaScript库prototype.js的详细指南,主要涵盖了其核心概念、通用方法以及Ajax对象的使用等内容。Prototype是一个由Sam Stephenson编写的JavaScript库,旨在简化和增强JavaScript...

    prototype.js开发笔记

    Prototype.js 是一个由 Sam Stephenson 开发的 JavaScript 库。该库的主要目的是简化 Web 应用程序的开发过程,尤其针对那些需要高度交互性和动态效果的应用场景。通过提供一系列封装良好的 API 和实用工具函数,...

    prototype.js 1.4版开发者手册

    Prototype.js 是一个广泛使用的JavaScript库,由Sam Stephenson开发,主要用于简化JavaScript编程,尤其是构建具有高度交互性和Web2.0特性的富客户端应用。该库的核心理念是通过扩展JavaScript语言的内置对象和功能...

    prototype.js开发笔记.doc

    Prototype.js 提供了一系列方便的全局函数,以简化常见的JavaScript编程任务: - **$()** 方法:这是对`document.getElementById()`的便捷封装,允许你通过元素ID快速获取DOM元素。同时,它也支持传入多个ID,返回...

    prototype.js 1.4版开发者手册.doc

    Prototype.js 是一个JavaScript库,由Sam Stephenson编写,主要目标是简化JavaScript开发,尤其是创建具有Web 2.0特性的富客户端应用。这个库引入了面向对象的概念,提供了许多实用的对象、类、函数和扩展,使得...

    prototype.js常用函数:

    `Prototype.js`是一个JavaScript库,它提供了一系列便捷的函数,扩展了JavaScript的内置对象和DOM操作,使得开发者在处理HTML元素和实现动态效果时更加高效。以下是对标题、描述和部分内容中提到的`Prototype.js`...

    prototype.js开发手册

    根据提供的信息,我们可以详细解析《prototype.js开发手册》的关键知识点。 ### Programming Guide #### 1.1 Prototype是什么? Prototype是一个JavaScript库,由Sam Stephenson创建,旨在简化客户端脚本编程。它...

    Prototype入门

    Prototype.js 是一个著名的JavaScript库,由Sam Stephenson编写,它极大地扩展了JavaScript的功能,并且对Ajax提供了良好的支持。这个库在Web开发领域具有很高的实用性和学习价值,特别适合B/S架构的开发人员和...

    使用prototype.js 的时候应该特别注意的几个问题.

    在使用prototype.js库时,开发者需要注意一些特定的问题以避免潜在的错误或不期望的行为。以下是一些关键点的详细说明: 1. **String.prototype.camelize**: `camelize`方法用于将字符串转换为驼峰式命名,常用于...

    Developer Notes for prototype.doc

    $F() 函数用于获取表单元素的值。它接受一个 DOM 元素作为参数,并返回其 value 属性的值。 **示例代码**: ```javascript var value = $F('myInput'); ``` ##### 使用 $A() 函数 $A() 函数用于将类数组对象转换为...

    prototype.js常用函数详解

    《prototype.js常用函数详解》 在JavaScript开发中,Prototype.js库提供了一系列强大的工具,使得DOM操作、事件处理以及Ajax交互变得更加便捷。以下是对Prototype.js中一些常见函数的详细解析: 1. **Element....

    基础的prototype.js常用函数及其用法

    `Prototype.js`是一个JavaScript库,它提供了一系列便捷的DOM操作方法和效果函数,极大地简化了JavaScript编程。在本文中,我们将深入探讨`Prototype.js`中的一些基础且常用的函数及其用法。 1. **Element Methods:...

    prototype 中文API

    `prototype.js`是一个由Sam Stephenson开发的强大JavaScript类库,其设计目标是为了简化Web应用程序的开发过程,特别是那些需要高度交互性和动态效果的Web 2.0应用。该库通过一系列的函数、对象和类的扩展,使得...

Global site tag (gtag.js) - Google Analytics