`
wutao33543
  • 浏览: 63994 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

Prototype使用学习手册指南之String.js

阅读更多
Prototype的目的是为了更方便的开发javascript的应用,使用它可以更加方便简单的使用javascript编程,开发出面向对象的javascript程序,Prototype中包含包含了一个功能强大好用的ajax框架,Prototype是一个基础性的框架,很多更高层次的框架都以它为基础,例如scriptaculous效果库。

下面介绍Prototype对String对象的扩展部分,本js的主要作用就是对String原型的扩展,为string添加了strip,escapeHTML等等好用的方法:

这部分主要为string对象添加了几个很有用的方法:




strip(): 去掉字符串两边的空白, 例如"  jj  ".strip()返回"jj"


stripTags():去掉字符串中的html标签


stripScripts(): 去掉字符串中的javascript代码段


extractScripts(): 返回字符串中的javascript代码,返回数组


evalScripts(): 执行字符串中的javascript代码



下面也同样是很有用的几个方法:




escapeHTML():将字符串中的html代码转换为可以直接显示的格式, 例如将< 转化为 &lt; ,在ie6中有bug,执行这个操作返回的字符串,将多个连在一起的空白变成了一个,所以很多换行什么的都被去掉了


unescapeHTML(): escapeHTML的反向过程


truncate(length, truncation): 截断,例如"abcdefghigkl".truncate(10)返回abcdefg…, truncation默认为"…" toQueryParams(separator)/parseQuery(separator):将一个querystring转化为一个hash表(其实是一个对象,在javascript中对象可以当成hash表来用,因为对象的属性或方法可以通过object[propertyName]来访问)


toArray(): return this.split('’), 转化为一个字符数组


camelize(): 将background-color的形式转化为backgroundColor形式,用在style/css中


capitalize(): 返回一个首字母大写的字符串


inspect(useDoubleQuotes): 返回字符串的表示形式, 例如"sdfj\"sfa".inspect() 返回 “’sdfj"sfa’”



以下就是更加复杂点的使用:




gsub(pattern, replacement):pattern是一个正则表达式,replacement是一个函数(或者是一个template字符串),对于字符串中每个匹配pattern的部分使用replacement处理,然后将 replacement返回的值将原来匹配的部分替换掉,例如"skdjfAsfdjkAdk".gsub(/A/,function(match) {return match[0].toLowerCase()}), 将字符串所有的A转化为a, 注意pattern中不要添加g选项,因为gsub会递归的执行match方法


sub(pattern, replacement, count) :gsub的另一种形式,不过可以设置执行的次数


scan(pattern, iterator): 跟gsub差不多,但是返回的是字符串本身,也就是说对于pattern中的每个匹配执行iterator,但是不返回替换的字符串"skdjfAsfdjkAdk".gsub(/A/,function(){alert have a A’})


underscore(): 'borderBottomWidth’.underscore()  -> 'border_bottom_width’


dasherize(): 'Hello_World’.dasherize()  -> 'Hello-World’


Template模板类:

使用方法:
var template = new Template(replacement, pattern);    
template.evaluate(object) 有点像php中的模板,默认(没有提供pattern)将{propertyName}形式的东西替换了object的属性值
分享到:
评论

相关推荐

    prototype.js

    5. **数组和字符串扩展**:Prototype.js扩展了JavaScript的数组和字符串方法,如`Array.each()`、`String.strip()`等,增强了基本类型的可操作性。 二、Prototype.js手册PDF Prototype.js手册PDF是学习和查阅...

    prototype 开发应用手册,笔记,prototype.js文件下载

    《Prototype开发应用手册》是关于JavaScript库Prototype的详尽指南,该库主要为Web开发提供了一系列强大的函数式编程工具,极大地简化了JavaScript的DOM操作。Prototype.js文件是这个库的核心,它包含了大量的实用...

    prototype.js开发手册.pdf

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

    prototype.js开发笔记.pdf

    下面是Prototype.js的开发笔记,涵盖了该库的使用指南、Ajax对象、JavaScript类的扩展、对象的扩展、事件处理等多个方面。 一、Programming Guide Prototype.js是一个强大的JavaScript库,提供了许多有用的函数和...

    prototype.js开发者手册

    《prototype.js开发者手册》是针对JavaScript库Prototype的一份详尽指南,旨在帮助开发者深入理解和有效利用这个强大的工具。Prototype.js是开源的JavaScript框架,它扩展了JavaScript的基本对象,提供了类和面向...

    Prototype1.5.1使用手册

    《Prototype 1.5.1使用手册》是针对JavaScript库Prototype的一个详细指南,该库是Web开发中的一个强大工具,尤其在处理DOM操作、Ajax交互和函数增强方面表现卓越。本手册以.chm(Compiled Help Manual)格式提供,...

    prototype.js 以及 找到的 相关使用详细说明

    在压缩包中提供的`prototype.js开发手册.rar`文件,应该是Prototype.js的官方或社区编写的开发指南,它会详细介绍如何使用这个库的各个功能,包括基本用法、高级特性和最佳实践。通过阅读这份手册,开发者可以更深入...

    Prototype中英文手册

    描述进一步细化了内容,包括"Prototype中文手册"和"Prototype英文手册",暗示我们有完整的用户指南和API参考,这将有助于学习和开发过程中查找具体功能和方法。"Prototype API"表明手册包含了库的所有函数、类和方法...

    prototype1.4使用手册

    Prototype 1.4 使用手册是针对 JavaScript 库 Prototype 的一份详尽指南,旨在帮助开发者更好地理解和利用这个强大的工具。Prototype.js 是由 Sam Stephenson 编写的,它为 JavaScript 提供了丰富的扩展,特别适合...

    prototype-1.4.0.rar及开发手册

    Prototype.js 的核心概念之一是扩展JavaScript的基本类型,如Array、String、Number等,增加了一系列实用方法。例如,Array类增加了`each`方法,允许我们遍历数组中的每个元素,这在处理数据集合时非常方便。此外,...

    prototype 1.4 开发者手册(中文PDF)

    《Prototype 1.4 开发者手册》是针对JavaScript库Prototype 1.4.0版本的一份详尽指南,旨在帮助开发者充分利用这个强大的工具。Prototype是一个开源的JavaScript框架,它扩展了JavaScript的基本功能,简化了DOM操作...

    Prototype_1.4.doc,Prototype_1.5.1.chm 中文版

    "Prototype_1.4.doc"可能是一个关于Prototype 1.4版本的文档,以.doc格式存储,可能包含了详细的API说明、示例代码和使用指南。而"Prototype_1.5.1.chm"是一个帮助文件(Compiled Help Manual),通常用于存放软件的...

    prototype

    **标题:** Prototype JavaScript 库 ...结合`prototype-1.5.1.js`源码和`prototype1.4开发手册.pdf`,开发者不仅可以深入理解Prototype的工作原理,还能熟练掌握其使用技巧,从而在JavaScript编程中游刃有余。

    Prototype参考手册

    《Prototype参考手册》是关于JavaScript库Prototype的一份详尽指南,该库主要为JavaScript编程提供了一种更加面向对象的语法和实用工具。Prototype是Web开发中的一个重要组件,它通过扩展JavaScript的基本类型和对象...

    prototype-1.4.0

    在这个案例中,它是Prototype 1.4.0的离线帮助手册,包含了详细的API参考、示例代码和使用指南。开发者可以通过查阅此文件深入理解框架的用法和内部工作原理。 4. **应用场景** - **Web应用程序**:Prototype 可以...

    JavaScript5参考手册

    《JavaScript5参考手册》是一本全面介绍JavaScript 5版本的权威指南,对于深入理解JavaScript语言的核心概念、语法和特性具有重要价值。JavaScript,作为一种广泛应用于Web开发的脚本语言,是构建动态网页和交互式...

    最新JQuery Prototype 帮助CHM格式

    在这份压缩包中,你将找到_lcy JavaScript语言参考手册.chm,这是一份关于JavaScript基础和高级概念的指南,对于理解JavaScript语言本身非常有帮助。另一个文件_lcy jQuery1.3.chm则是针对jQuery 1.3版本的详细文档...

    JavaScript参考手册

    本书《JavaScript参考手册》旨在提供全面、详尽的JavaScript语言指南,帮助开发者理解和掌握其核心概念及高级特性。 ### 一、JavaScript基础 1. **变量与数据类型**:JavaScript 支持七种数据类型,包括基本类型...

Global site tag (gtag.js) - Google Analytics