使用js的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 相关文章推荐
jquery JSON的解析方式
Jul 25 Javascript
javascript中的变量是传值还是传址的?
Apr 19 Javascript
jquery中ajax调用json数据的使用说明
Mar 17 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
jquery的ajax异步请求接收返回json数据实例
Jun 16 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
thinkphp实现无限分类(使用递归)
Dec 19 Javascript
jquery实现删除一个元素后面的所有元素功能
Dec 21 Javascript
基于JS2Image实现圣诞树代码
Dec 24 Javascript
深入理解AngularJs-scope的脏检查(一)
Jun 19 Javascript
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
Oct 26 Javascript
微信小程序简单实现form表单获取输入数据功能示例
Nov 30 Javascript
js中的replace方法使用介绍
Oct 28 #Javascript
js之事件冒泡和事件捕获详细介绍
Oct 28 #Javascript
javascript抖动元素的小例子
Oct 28 #Javascript
replace()方法查找字符使用示例
Oct 28 #Javascript
JS 如何获取radio选中后的值及不选择取radio的值
Oct 28 #Javascript
Document:getElementsByName()使用方法及示例
Oct 28 #Javascript
JS截取字符串常用方法详细整理
Oct 28 #Javascript
You might like
MySQL数据源表结构图示
2008/06/05 PHP
php zip文件解压类代码
2009/12/02 PHP
PHP array_multisort()函数的使用札记
2011/07/03 PHP
PHP缓存机制Output Control详解
2014/07/14 PHP
JavaScript 基础篇(一)
2012/03/30 Javascript
javascript学习笔记(七) js函数介绍
2012/06/19 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
2014/01/14 Javascript
jQuery取得设置清空select选择的文本与值
2014/07/08 Javascript
jquery根据属性和index来查找属性值并操作
2014/07/25 Javascript
js识别不同浏览器基于userAgent做判断
2014/07/29 Javascript
JavaScript解析json格式数据简单示例
2014/12/09 Javascript
JavaScript获取两个数组交集的方法
2015/06/09 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
node.js的事件机制
2017/02/08 Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
2017/02/21 Javascript
Angularjs为ng-click事件传递参数
2017/06/15 Javascript
限时抢购-倒计时的完整实例(分享)
2017/09/17 Javascript
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
Python中使用scapy模拟数据包实现arp攻击、dns放大攻击例子
2014/10/23 Python
Python使用Beautiful Soup包编写爬虫时的一些关键点
2016/01/20 Python
python3 中文乱码与默认编码格式设定方法
2018/10/31 Python
Python直接赋值、浅拷贝与深度拷贝实例分析
2019/06/18 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
Python sorted排序方法如何实现
2020/03/31 Python
pandas中的ExcelWriter和ExcelFile的实现方法
2020/04/24 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
Pretty Green美国:英式摇滚服饰风格代表品牌之一
2019/01/23 全球购物
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
公务员诚信承诺书
2014/05/26 职场文书
乡镇党委书记个人整改措施
2014/09/15 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
2015年环保局工作总结
2015/05/22 职场文书
2015年幼儿园班主任个人工作总结
2015/10/22 职场文书
解决Golang中goroutine执行速度的问题
2021/05/02 Golang