Prototype框架详解


Posted in Javascript onNovember 25, 2015

这里所说的“Prototype”不是JavaScript编程中的原型(“prototype”),而是由“Sam Stephenson”写的一个JavaScript类库。这个构思奇妙,而且兼容标准的类库,能帮助程序员轻松建立有高度互动的“web2.0”特性的富客户端页面。

•很多人初次接触Prototype,都是从其“$”系列函数开始的,这些类似于桌面应用程序的快捷方式,是Prototype框架中使用频率最高的一组函数。此外,Prototype对Ajax的支持也是让开发人员很感兴趣的地方。当然Prototype的功能并不仅限于此,其对JavaScript内置对象进行了大量的扩展,同时也定义了很多新的对象。

prototype框架的简介:

•Prototype是目前应用最为广泛的Ajax开发框架,其的特点是功能实用而且尺寸较小,非常适合在中小型的Web应用中使用。开发Ajax应用需要编写大量的客户端JavaScript脚本,而Prototype框架可以大大地简化JavaScript代码的编写工作。更难得的是,Prototype具备兼容各个浏览器的优秀特性,使用该框架可以不必考虑浏览器兼容性的问题。

•Prototype对JavaScript的内置对象(如“String”对象、“Array”对象等)进行了很多有用的扩展,同时该框架中也新增了不少自定义的对象,包括对Ajax开发的支持等都是在自定义对象中实现的。Prototype可以帮助开发人员实现以下的目标:

•(1)对字符串进行各种处理
•(2)使用枚举的方式访问集合对象
•(3)以更简单的方式进行常见的DOM操作
•(4)使用CSS选择符定位页面元素
•(5)发起Ajax方式的HTTP请求并对响应进行处理
•(6)监听DOM事件并对事件进行处理 

•“Prototype”框架功能详解—使用实用函数

“Prototype”框架的实现仅仅包含一个JavaScript即可,1.6版本的“Prototype.js”的文件大小为127K字节,约4220行。在页面中应用的语法类似于:

•<script type=”text/javascript” src=”inc"js"Prototype.js” ></script>

•然后就可以在后继的脚本中享受该框架带来的便利了。

•该框架中有很多预定义的对象和实用函数,可以将程序员从重复的打字中解放出来。

•(1)使用“$()”函数。
•(2)使用“$F()”函数。此函数是另一个大收欢迎的“快捷键”,能用于返回任何表单输入控件的值,比如多行文本框和下拉列表框等控件。此个方法也能用元素id或元素本身做为参数。
•(3)使用“$A()”函数。此函数能将其接收到的单个的参数转换成一个Array对象。
•(4)使用“$H()”函数。此函数把一些对象转换成一个可枚举的和联合数组类似的Hash对象。
•(5)使用“$R()”函数。此函数是“new ObjectRange(lowBound,upperBound,excludeBounds)”的缩写,用于建立一个范围对象。
•(6)使用“Try.these()”函数。“Try.these()”方法用于调用不同的方法直到其中的一个成功。此函数把一系列的方法作为参数,并且按顺序的一个一个的执行这些方法,直到其中的一个成功执行。返回成功执行的那个方法的返回值。“Try.these()”函数可以用于处理兼容性问题。

Javascript 相关文章推荐
javascript 按回车键相应按钮提交事件
Nov 02 Javascript
javascript Array.prototype.slice的使用示例
Nov 14 Javascript
jquery选择器原理介绍($()使用方法)
Mar 25 Javascript
JS实现图片放大镜效果的方法
Feb 27 Javascript
jQuery实现不断闪烁文字的方法
May 15 Javascript
Javascript设计模式之装饰者模式详解篇
Jan 17 Javascript
Vue.js点击切换按钮改变内容的实例讲解
Aug 22 Javascript
webpack4 CSS Tree Shaking的使用
Sep 03 Javascript
使用JavaScript解析URL的方法示例
Mar 01 Javascript
vue+element 模态框表格形式的可编辑表单实现
Jun 07 Javascript
vue框架制作购物车小球动画效果实例代码
Sep 26 Javascript
基于jquery实现彩色投票进度条代码解析
Aug 26 jQuery
谈谈js中的prototype及prototype属性解释和常用方法
Nov 25 #Javascript
Bootstrap每天必学之下拉菜单
Nov 25 #Javascript
使用Javascript写的2048小游戏
Nov 25 #Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
Nov 25 #Javascript
Bootstrap每天必学之栅格系统(布局)
Nov 25 #Javascript
jQuery实现宽屏图片轮播实例教程
Nov 24 #Javascript
jquery利用拖拽方式在图片上添加热链接
Nov 24 #Javascript
You might like
PHP获取当前相对于域名目录的方法
2015/06/26 PHP
php生成唯一数字id的方法汇总
2015/11/18 PHP
php防止sql注入的方法详解
2017/02/20 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
IE 上下滚动展示模仿Marquee机制
2009/12/20 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
javascript框架设计读书笔记之种子模块
2014/12/02 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
jQuery查找节点并获取节点属性的方法
2016/09/09 Javascript
JS正则表达式验证密码格式的集中情况总结
2017/02/23 Javascript
Vue.js实战之组件的进阶
2017/04/04 Javascript
Vue2.0 组件传值通讯的示例代码
2017/08/01 Javascript
JavaScript实现换肤功能
2017/09/15 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
2018/09/12 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
2020/11/04 Javascript
python的正则表达式re模块的常用方法
2013/03/09 Python
python基础教程之元组操作使用详解
2014/03/25 Python
将Emacs打造成强大的Python代码编辑工具
2015/11/20 Python
Python ftp上传文件
2016/02/13 Python
python设计模式大全
2016/06/27 Python
python框架中flask知识点总结
2018/08/17 Python
Django 在iframe里跳转顶层url的例子
2019/08/21 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
python通过nmap扫描在线设备并尝试AAA登录(实例代码)
2019/12/30 Python
给女儿的表扬信
2014/01/18 职场文书
幼儿园小班教学反思
2014/02/02 职场文书
读书小明星事迹材料
2014/05/03 职场文书
毕业纪念册寄语大全
2015/02/26 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
独生子女证明范本
2015/06/19 职场文书
格林童话读书笔记
2015/06/30 职场文书
2015重阳节敬老活动总结
2015/07/29 职场文书
课改心得体会范文
2016/01/25 职场文书
Oracle中update和select 关联操作
2022/01/18 Oracle
PYTHON 使用 Pandas 删除某列指定值所在的行
2022/04/28 Python