使用Prototype的一点心得体会（一）

最新推荐文章于 2025-12-16 20:03:17 发布
原创 最新推荐文章于 2025-12-16 20:03:17 发布 · 644 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#prototype #function #action #html #ie

本文介绍了Prototype JavaScript库中五个实用函数：$()用于选择DOM元素；$A()将单个参数转换为数组；$F()获取表单控件的值；$R()创建对象范围以枚举元素；Try.these()尝试多个函数直至成功。这些函数简化了常见的Web开发任务。

1.$()

如果页面中有2个id相同的HTML元素，函数将返回第一个元素。

对于IE6来说，该函数不仅可以获取id属性所对应的元素，还可获取name属性所对应的元素。

<html>
<head>
<script src="prototype-1.6.0.2.js" type="text/javascript"></script>
<script language=JavaScript>
function clickHandler()
{
    alert($("name2").value);
    alert($("name1").value);
}
</script>
</head>

<body>
<input id="name2" name="name1" type="text" value="aaa"/><br>
<input id="name1" name="name2" type="text" value="bbb"/><br>
<input onClick="clickHandler()" type="button" value="test"/>
<div id="out" style="font-weight:bold;"></div>
</body>
</html>

该函数可同时返回几个元素组成的数组。

$("name1", "name2").each(function(element){
    alert(element.value);
});

2.$A()

该函数能够把单个参数转换成一个Array对象。

<html>
<head>
<script src="prototype-1.6.0.2.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>
<script language=JavaScript>
    var str = "helloworld";
    var strArray = $A(str);
    for (var i = 0 ; i < strArray.length ; i++)
    {
        alert(strArray[i]);
    }
</script>

3.$F()

该函数用于获取表单输入控件的值。

<html>
<head>
<script src="prototype-1.6.0.2.js" type="text/javascript"></script>
<script language=JavaScript>
    function show()
    {
        $("show").innerHTML = $F("text1")  + "<br>" +  $F("text2") + "<br>"  + $F("text3");
    }
</script>
</head>
<body>
<form id="form1" name="form1" action="#">
    <input type="text" id="text1" name="text1"/>
</form>
<form id="form2" name="form2" action="#">
    <input type="text" id="text2" name="text2"/><br>
    <textarea cols="40" rows="2" id="text3" ></textarea>
</form>
<div id="show"></div>
<input type="button" onClick="show()" value="test"/>
</body>
</html>

4.$R()

该函数用于构造一个ObjectRange对象，以便枚举该对象里的元素。

<html>
<head>
<script src="prototype-1.6.0.2.js" type="text/javascript"></script>
</head>
<body>
<div id="show"></div>
</body>
</html>
<script>
var range = $R(10, 20, false);

range.each(function(value, index)
{
    $("show").innerHTML += value + "<br>";
});
</script>

5.Try.these()

<script src="prototype-1.4.0.js" type="text/javascript">
</script>
<script>
var objXMLHttp=Try.these(
    function() {return new ActiveXObject('MSXML2.XMLHTTP.5.0');},
    function() {return new ActiveXObject('MSXML2.XMLHTTP.4.0');},
    function() {return new ActiveXObject('MSXML2.XMLHTTP.3.0');},
    function() {return new ActiveXObject('MSXML2.XMLHTTP');},
    function() {return new ActiveXObject('Microsoft.XMLHTTP');}
);
alert(objXMLHttp);
</script>
05 Vue生命周期，总也学不会，所以我详细整理了一下
xingyu_qie的专栏
01-17 8043
相信搞懂了这几个问题，vue的生命周期知识点，可以通过了吧
【白嫖党】如何把前端学好？看完这篇，直呼：太强了！（历经半个月之作）
热门推荐
超逸の学习技术博客
04-04 2万+
很少有文章做到将知识形成一个体系，于是需要翻阅很多资料，但这篇文章做到了！共34815字数。
protothread学习
parasoft的专栏
09-24 722
转自：http://blog.youkuaiyun.com/finewind/article/details/6186291 这里讲代码备份供参考： #ifndef PC_H #define PC_H typedef unsigned int INT16U; struct pt { INT16U lc; }; #define PT_THREAD_WAITING 0 #defi
利用Protothread实现实时多任务系统
armauk的专栏
03-18 1432
长沙威胜仪表集团 罗光平 湖南大学 郭卫锋   摘要 在许多系统资源非常紧张的单片机应用中，使用实时操作系统进行任务调度来实现实时多任务系统时，由操作系统带来的系统开销往往是不可接受的。通过升级硬件来改善系统资源紧张，意味着成本的增加，降低产品的竞争力。本文介绍采用Protothread在非常小的系统开销下实现实时多任务系统的方法。 关键词  Protothread  实时  多任
Arduino创建多线程
08-25
在Arduino中使用ProtoThread创建多线程系统
vue+elementUI实战之网易云音乐--半月总结！！！
xhyxxhwns的博客
05-16 3512
vue+elementUI实战之网易云音乐--半月总结！！！模仿网易云音乐pc端项目搭建基本项目引入项目中使用的东西------axios，element-Ul遇到的问题 模仿网易云音乐pc端 先写写心得体会吧，经过半个月，我实现了网易云音乐的一些功能。最开始的时候，我记得我几乎写点东西，就会去看我学vue的笔记，（笔记真的好有用，什么忘记了，就拿出来看看，不懂的再百度）。我觉得这半个月最难的就是，音乐播放部分了，终于昨天晚上，我成功的实现了音乐自动播放下一首，点击按钮切换上一首，下一首，我真的好开心，哈哈
Spring MVC学习总结（3）——Spring3 MVC详解
科技D人生
12-15 2767
DispatcherServlet 前置控制器   使用Spring MVC,配置DispatcherServlet是第一步。DispatcherServlet是一个Servlet,所以可以配置多个DispatcherServlet。DispatcherServlet是前置控制器，配置在web.xml文件中的。拦截匹配的请求，Servlet拦截匹配规则要自已定义，把拦截下来的请求，依据某某规
javascript学习总结
08-04
函数参数在JavaScript中具有“默认值”的特性，如果没有提供实参，可以使用默认参数来设定值。例如： ```javascript function greet(name = 'World') { console.log('Hello, ' + name); } greet(); // 输出 "Hello...
基础——Protothread协程库
口袋里的跳跳糖
10-10 1207
1. 几个概念 　　(1) 进程 进程是具有一定独立功能的程序关于某个数据集合上的一次运行活动,进程是系统进行资源分配和调度的一个独立单位。每个进程都有自己的独立内存空间，不同进程通过进程间通信来通信。由于进程比较重量，占据独立的内存，所以上下文进程间的切换开销（栈、寄存器、虚拟内存、文件句柄等）比较大，但相对比较稳定安全。 直白地讲，进程就是应用程序的启动实例。比如我们运行一个游戏，打开一个软件，就是开启了一个进程。 　　(2) 线程 线程是进程的一个实体,是CPU调度和分派的基本单位,它是比进
Protothread调度分析
杨善锦技术专栏
07-13 2851
Prothread存在于contiki、uip中，是由 用户创建线程必须要使用系统提供的框架， static int user_pthread( struct pt *pt) {     YSJ_INIT(pt);     YSJ_BEGIN(pt);      while(1)     {         YSJ_WAIT_UNTIL(pt, your_event ==
protothread_简介
我是誰!
06-12 857
相关连接： http://dunkels.com/adam/pt/index.html 作者： Adam Dunkels http://www.dunkels.com/adam/
ProtoThread原理及应用
飞鹤的程序员人生
04-02 5097
概述 1.1. 概念 进程，一个具有独立功能的正在运行的程序实例。进程是相互独立的，并且可以同时运行。 线程，描述一段代码的执行路径。线程属于进程，每个进程至少有一个线程。线程有自己独立的栈，多个线程可以同时运行。 协程，coroutine，可以看作co-routine，也即协作程序。几个程序协作运行，可以理解为轻量级线程。 1.2. 应用 进程和线程都是重量级的，功能更强大，但是开销同样更大。尤其是针对一些嵌入式设备，受限于空间和性能，无法使用进程和线程。此时有一些并发需要，如果沿用通常的顺序流程来开发.
protothread示例之多线程交替执行
LikeShadow
09-02 659
#include <stdio.h> #include "pt.h" static int protothread1_flag, protothread2_flag; static int protothread1(struct pt *pt) { PT_BEGIN(pt); while(1) { //释放 CPU，等待 protothread2_flag 标识位不为...
Html中常用的块标签!!!12.16日
最新发布
2501_90845920的博客
12-16 927
用dl创建列表，dt表示下定义（小标题），dd表示对定义内容补充默认样式：dl上下有16像素的外边距dd左侧有40像素的外边距1、给列表增加type属性，可以修改项目符号（了解一下），但一般我们不用列表的默认的项目符号ol type属性值 可选：1(默认值)，A,a,I,i下图所示为有序列表中默认项目符号改为Aul type属性值 可选：disc，默认值，实心的圆点square，实心的方块circle，空心的圆下图所示为无序列表中默认项目符号改为空心的圆。
使用Prototype技术开发进度条示例教程
Prototype是一个轻量级的JavaScript框架，它提供了一套丰富的工具库，使得在浏览器端使用JavaScript进行开发变得更加便捷和高效。进度条是一个常见的用户界面组件，用于显示某个任务的完成百分比。通过本例的学习，...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值