Prototype使用$F()函数

最新推荐文章于 2022-07-09 18:00:00 发布
最新推荐文章于 2022-07-09 18:00:00 发布
阅读量661 收藏
点赞数
分类专栏： Prototype 文章标签： Prototype javascript web开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/owen_william/article/details/51344651
版权

1.前言

$F()函数用于获取表单控件的值，比如input、textArea、select元素等，该函数既可用表单控件的id值作为参数，也可直接使用表单控件作为参数。该函数只是Form.Element的getValue()方法的别名。

2.例子

   看下的代码。

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="OwenWilliam" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> $F()函数 </title>
</head>
<body>
<input type="text" id="text1" name="text1" />
<input type="text" id="text2" name="text2"/><br />
<textarea cols="40" rows="2" id="text3" ></textarea><br />
<input type="button" οnclick="clickHandler();" value="显示"/>
<div id="show"></div>
<script src="../prototype.js" type="text/javascript">
</script>
<script type="text/javascript">
// 事件处理函数，用于输出三个表单控件的值
function clickHandler()
{
	$("show").innerHTML = $F("text1")
		+ "<br />" + $F("text2")
		+ "<br />" + $F("text3");
}
</script>
</body>
</html>

3.运行结果


Owen William
关注
专栏目录
14-函数的prototype（显式原型）
述安的博客
09-04 279
文章目录函数的prototype属性给原型对象添加属性（一般都是方法）练习 函数的prototype属性 每个函数都有一个prototype属性，它默认指向一个Object空对象，即称为：原型对象 原型对象中有一个属性constructor，它指向函数对象 示意图： 给原型对象添加属性（一般都是方法） 作用：函数的所有实例对象自动拥有原型中的属性（方法） 练习 // 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象) console.log(Date.
jquery的$F()函数
lmb55的专栏
06-25 6792
$F()是一个能够简化编码量的函数， 对于字符输入控件有效，包括input、textarea、select等，该函数的输入参数为这些输入控件元素对象的id或元素对象本身，函数负责返回这些输入控件元素对象的值，即value。例子：<input value="hello world" id="testInput"> <input type=button value=test onclick=test(
prototype.js $F()函数介绍
weixin_33921089的博客
05-22 448
$F()是一个能够简化编码量的函数， 对于字段输入控件有效，包括input、textarea、select等，该函数的输入参数为这些输入控件元素对象的id或元素对象本身，函数负责返回 这些输入控件元素对象的值，即value。例如，代码段1和代码段2的对比可以说明该函数对于简化编码量的作用。 代码段1：&lt;script language=javascript&gt; function test(...
Prototype函数介绍
翔的窝窝
11-23 555
Prototype is a JavaScript Framework that aims to ease development of dynamic web applications.Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax libra
prototype中$F的使用
weixin_34212762的博客
11-22 161
$F() 方法是另一个非常受欢迎的简写。它可以返回任何输入表单控件的值，如文本框或下拉框。 这个方法可以传入元素的id或者元素自己。 <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt...
Prototype 学习 工具函数学习($w,$F方法)
09-05
### Prototype JS 中的工具函数：$w 和 $F 方法详解 #### 一、概述 在JavaScript库Prototype中，提供了一系列方便实用的工具函数，用于简化常见的编程任务。本文将详细介绍两个常用的工具函数：`$w` 和 `$F` 的...
基础的prototype.js常用函数及其用法
10-31
`Prototype.js`是一个JavaScript库，它提供了一系列便捷的DOM操作方法和效果函数，极大地简化了JavaScript编程。在本文中，我们将深入探讨`Prototype.js`中的一些基础且常用的函数及其用法。 1. **Element Methods:...
prototype.js常用函数详解
11-23
《prototype.js常用函数详解》 在JavaScript开发中，...使用Prototype.js，你可以轻松实现丰富的用户界面交互和动态数据加载。在实际应用中，结合具体需求，灵活运用这些函数可以大大提高代码的可读性和可维护性。
Prototype框架学习$F()函数
zhangpeng_sun的专栏
04-05 271
prototype学习 function show(){ $("show").innerHTML = $F("text1")+""+$F("text2")+""+$F("text3"); }
Prototype 常用函数
应天.Net BLOG
04-30 852
2.2  常用函数2.2.1  $()函数DOM提供了document.getElementById方法，可以根据传入的页面元素的id返回相应的元素对象。$()函数是document.getElementById函数的一个简化写法，它比DOM中的方法功能更加强大，比如$()函数可以接受多个参数，返回满足条件的Array对象。在Prototype中$()函数的实现代码如例2-1所示。例2
$F()函数 prototype.js
aiy19730的博客
01-08 171
$F()是一个能够简化编码量的函数， 对于字段输入控件有效，包括input、textarea、select等，该函数的输入参数为这些输入控件元素对象的id或元素对象本身，函数负责返回 这些输入控件元素对象的值，即value。例如，代码段1和代码段2的对比可以说明该函数对于简化编码量的作用。 代码段1：<script language=javascript> function ...
函数的prototype
weixin_45065272的博客
10-12 241
函数的prototype： /**函数的prototype * 函数都有一个prototype属性，它指向原型对象 * 原型对象中有一个constructor属性，它指向函数对象 * 给原型对象添加属性： * 函数的实例对象继承原型中的属性 */ console.log(Date.prototype, typeof...
$F()的使用
John_Kong19的专栏
08-17 2955
[size=medium]$F()是一个能够简化编码量的函数， 对于字段输入控件有效，包括input、textarea、select等，该函数的输入参数为这些输入控件元素对象的id或元素对象本身，函数负责返回 这些输入控件元素对象的值，即value。例如，代码段1和代码段2的对比可以说明该函数对于简化编码量的作用。 代码段1： function test() { ...
Prototype——基本函数
=死神=
08-14 175
Prototype基本函数  1、使用$()函数 $(String tagName): 直接获取名为tagName的HTML元素 $(String tagName1, String tagName2): 获取名为tagname1和tagName2的HTML元素数组 &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" con...
函数的prototype属性（原型对象）
JJ_Smilewang的博客
07-09 2557
每个函数都有一个prototype属性，它默认是一个空的Object的实例对象（即称为：原型对象），而原型对象中有一个属性constructor，它指向函数对象。这说明(构造)函数和它的原型对象相互引用。Type表示的是构造函数，它其中有个属性prototype，而这个属性指向这个函数的prototype对象，而这个对象有个属性constructor，它是指回这个构造函数Type的，即是相互引用关系。① 每个函数function都有一个prototype，即显式原型 ② 每个实例对象都有一个__prot
prototype常用函数及其用法
tiger-hu
01-07 138
  prototype常用函数及其用法   prototype.js常用函数: 函数名 解释 举例 Element.toggle 交替隐藏或显示 Element.toggle(''div1'',''div2'') Element.hide 隐藏 Element.hide(''div1'',''d...
函数的prototype解析
不咋爱学习の任大猫
02-19 3423
1、函数的prototype属性   （1） 每个函数都有一个prototype属性，它默认指向一个Object空对象。（称为原型对象）    例1：console.log(typeof Date.prototype,Date.prototype);    运行结果显示:    例2：定义一个新的函数：function Fun(){  }     console.log(Fun.prototype...
prototype $() 函数
prototype
08-08 196
$(id) → Element$(id...) → [Element…] id (String | Element) – DOM节点或引用节点的ID字符串. prototype如果提供一个字符串，返回文档中的元素匹配的ID，否则返回传入的元素。 注意到在任意数量的参数。如果一个参数返回一个元素，否则返回一个数组元素。 由该函数返回的所有元素都是元素的实例方法“扩
Prototype框架核心函数与对象解析
10.2.3 使用$F()函数 在表单处理中，$F()函数非常有用，它能获取表单元素（如文本框、文本区域、选择列表等）的当前值。 10.2.4 使用$H()函数 $H()函数可将普通对象转换为Hash对象，Hash对象是一种键值对的数据结构...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值