replace()方法查找字符使用示例


Posted in Javascript onOctober 28, 2013

通常用于文本输入框的一种功能是替换指定的字符。JavaScript具有一个非常有用的方法replace(),可以时候用它利用备选字符集途欢指定的字符。

replace()方法允许指定希望替换的字符或字符集,方式是利用字符串或者正则表达式;这是该方法的第一个实参。第二个实参是谢昂替换为的字符。第二个实参通常只是一个替换字符串(替换字符集),但他可以是用于确定替换字符串应当是什么的函数——如果是函数,则返回值应当用做俄日替换字符串。隐藏replace()方法的语法可以是如下任意一种:

string.replace(oldSubString,newSubString); 
string.replace(regEx,newSubString); 
string.replace(regEx,finction());

下面的简单示例对一个文本区域使用replace()方法,并且查找文本框中是否有字符串“URL”。找到字符串“URL”之后,该方法将其替换为字符串“ABC”。下面是该示例:
<html> 
<head><title>The replace() method</title></head> 
<body> 
<p>Replacing character strings:</p> 
<form name="myForm"> 
<textarea name="myTextArea" id="myTextArea" cols="40" rows="10">I am interested in Curl, here is a url for it.</textarea><br /><br /> 
<input type="button" value="Replace characters URL" onclick="document.myForm.myTextArea.value =document.myForm.myTextArea.value.replace(/\burl\b/gi, 'abc');"> 
</form> 
</body> 
</html>

在字符串”URL“的两边都添加一个”\b“以指示单词的界限——表明希望查找的是整个单词——因为仅当字符串”URL“是独立的单词时才会被替换(不能只检查字符串”URL”两边是否存在空格,因为在其周围可能存在标点符号);
oneclick="document.myForm.myTextArea.value=document.myForm.myTextArea.value.replace(/\burl\b/gi,'abc');"

字符串“URL”周围的正斜杠表明函授查找的是该字符串的匹配。第二个正斜杠后面的“g”(称为标志)表明文档正在真个文本区域中查找全局匹配(如果没有g标志,则只替换字符串中的第一个匹配),i标志表明它应当是一个不区分大小写的匹配(因此字符串“URL”也会被替换,或者实际上这些字符的大写、小写的任何混合形式都会被替换)。
也可以使用“|”符号匹配多个字符串;下面的示例查找link、url或homepage的匹配:
/link| url| homepage/
Javascript 相关文章推荐
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
Sep 16 Javascript
js Array操作的最简短最容易理解方法
Dec 09 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
Jan 07 Javascript
jQuery插件实现大图全屏图片相册
Mar 14 Javascript
JavaScript使用replace函数替换字符串的方法
Apr 06 Javascript
原生js和jquery分别实现横向导航菜单效果
May 13 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
Jun 07 Javascript
jQuery+ajax实现实用的点赞插件代码
Jul 06 Javascript
Node.js的文件权限及读写flag详解
Oct 11 Javascript
微信网页登录逻辑与实现方法
Apr 29 Javascript
Vue路由守卫之路由独享守卫
Sep 25 Javascript
javascript canvas实现简易时钟例子
Sep 05 Javascript
JS 如何获取radio选中后的值及不选择取radio的值
Oct 28 #Javascript
Document:getElementsByName()使用方法及示例
Oct 28 #Javascript
JS截取字符串常用方法详细整理
Oct 28 #Javascript
js自动生成对象的属性示例代码
Oct 28 #Javascript
js实现点小图看大图效果的思路及示例代码
Oct 28 #Javascript
javascript:void(0)的作用示例介绍
Oct 28 #Javascript
jsonp原理及使用
Oct 28 #Javascript
You might like
PHP 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
php实现首页链接查询 友情链接检查的代码
2010/01/05 PHP
win7安装php框架Yii的方法
2016/01/25 PHP
PHP中empty,isset,is_null用法和区别
2017/02/19 PHP
PHP验证码无法显示的原因及解决办法
2017/08/11 PHP
Laravel中的Blade模板引擎示例详解
2017/10/10 PHP
Js+XML 操作
2006/09/20 Javascript
javascript concat数组累加 示例
2009/09/03 Javascript
基于jquery的合并table相同单元格的插件(精简版)
2011/04/05 Javascript
js函数调用常用方法详解
2012/12/03 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
2013/10/24 Javascript
jquery单行文字向上滚动效果示例
2014/03/06 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
2014/12/31 Javascript
jQuery实现的支持IE的html滑动条
2015/03/16 Javascript
JavaScript编程中布尔对象的基本使用
2015/10/25 Javascript
javascript实现网页端解压并查看zip文件
2015/12/15 Javascript
AngularJS基础 ng-csp 指令详解
2016/08/01 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
2016/12/14 Javascript
node.js 利用流实现读写同步,边读边写的方法
2017/09/11 Javascript
nodejs+mongodb aggregate级联查询操作示例
2018/03/17 NodeJs
基于JavaScript获取base64图片大小
2019/10/18 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
python用ConfigObj读写配置文件的实现代码
2013/03/04 Python
Python写的服务监控程序实例
2015/01/31 Python
Python中unittest模块做UT(单元测试)使用实例
2015/06/12 Python
Python 中的range(),以及列表切片方法
2018/07/02 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
彻底理解Python中的yield关键字
2019/04/01 Python
使用pytorch完成kaggle猫狗图像识别方式
2020/01/10 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
Python字符串及文本模式方法详解
2020/09/10 Python
Django生成数据库及添加用户报错解决方案
2020/10/09 Python
美国婴童服装市场上的领先品牌:Carter’s
2018/02/08 全球购物
医学生自我鉴定范文
2014/03/26 职场文书
Mysql排查分析慢sql之explain实战案例
2022/04/19 MySQL