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 相关文章推荐
this和执行上下文实现代码
Jul 01 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
Dec 12 Javascript
js indexOf()定义和用法
Oct 21 Javascript
jquery 延迟执行实例介绍
Aug 20 Javascript
JavaScript实现select添加option
Jul 03 Javascript
详解jQuery中ajax.load()方法
Jan 25 Javascript
js实现三级联动效果(简单易懂)
Mar 27 Javascript
微信小程序使用navigateTo数据传递的实例
Sep 26 Javascript
bootstrap tooltips在 angularJS中的使用方法
Apr 10 Javascript
Vue实现微信支付功能遇到的坑
Jun 05 Javascript
p5.js实现动态图形临摹
Oct 23 Javascript
vue+koa2搭建mock数据环境的详细教程
May 18 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删除页面记录 同时刷新页面 删除条件用GET方式获得
2012/01/10 PHP
javascript高亮效果的二种实现方法
2008/09/14 Javascript
javascript 数组学习资料收集
2010/04/11 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
2013/04/11 Javascript
NodeJS的Promise的用法解析
2016/05/05 NodeJs
JSP基于Bootstrap分页显示实例解析
2016/06/12 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
2016/07/18 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
JavaScript 用fetch 实现异步下载文件功能
2017/07/21 Javascript
vuex state及mapState的基础用法详解
2018/04/19 Javascript
vue.js打包之后可能会遇到的坑!
2018/06/03 Javascript
JS中的防抖与节流及作用详解
2019/04/01 Javascript
详解vue2.0模拟后台json数据
2019/05/16 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
js实现鼠标滑动到某个div禁止滚动
2020/09/17 Javascript
Python处理RSS、ATOM模块FEEDPARSER介绍
2015/02/18 Python
介绍Python的Django框架中的QuerySets
2015/04/20 Python
让python在hadoop上跑起来
2016/01/27 Python
Python subprocess模块详细解读
2018/01/29 Python
Python面向对象之接口、抽象类与多态详解
2018/08/27 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
python 日期排序的实例代码
2019/07/11 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
Python如何定义有可选参数的元类
2020/07/31 Python
详解python程序中的多任务
2020/09/16 Python
Python基于template实现字符串替换
2020/11/27 Python
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
儿科护士实习自我鉴定
2013/10/17 职场文书
建筑学推荐信
2013/11/03 职场文书
老兵退伍标语
2014/10/07 职场文书
法定代表人授权委托书格式
2014/10/14 职场文书
2014年教师业务工作总结
2014/12/19 职场文书
2015年留守儿童工作总结
2015/05/22 职场文书
公司食堂管理制度
2015/08/05 职场文书
高中信息技术教学反思
2016/02/16 职场文书
导游词之无锡梅园
2019/11/28 职场文书