使用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 相关文章推荐
懒就要懒到底——鼠标自动点击(含时间判断)
Feb 20 Javascript
基于jQuery的试卷自动排版系统实现代码
Jan 06 Javascript
javascript验证上传文件的类型限制必须为某些格式
Nov 14 Javascript
PHP+jQuery+Ajax实现多图片上传效果
Mar 14 Javascript
Javascript中With语句用法实例
May 14 Javascript
JavaScript节点及列表操作实例小结
Aug 05 Javascript
AngularJS中的指令全面解析(必看)
May 20 Javascript
原生JS实现九宫格抽奖效果
Apr 01 Javascript
Vue2.0设置全局样式(less/sass和css)
Nov 18 Javascript
vue+element项目中过滤输入框特殊字符小结
Aug 07 Javascript
js获取 gif 的帧数的代码实例
Sep 10 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
Nov 02 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
MVC模式的PHP实现
2006/10/09 PHP
PHP面向对象——访问修饰符介绍
2012/11/08 PHP
destoon后台网站设置变成空白的解决方法
2014/06/21 PHP
PHPUnit安装及使用示例
2014/10/29 PHP
PHP中模拟链表和链表的基本操作示例
2016/02/27 PHP
学习JavaScript的最佳方法分享
2011/10/21 Javascript
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
PHP+jQuery实现随意拖动层并即时保存拖动位置
2015/04/30 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
2015/05/12 Javascript
快速学习jQuery插件 Cookie插件使用方法
2015/12/01 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
jQuery视差滚动效果网页实现方法经验总结
2016/09/29 Javascript
Vue实现动态响应数据变化
2017/04/28 Javascript
手把手教你搭建ES6的开发运行环境
2017/07/11 Javascript
Express之托管静态文件的方法
2018/06/01 Javascript
详谈js的变量提升以及使用方法
2018/10/06 Javascript
node.js微信小程序配置消息推送的实现
2019/02/13 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
2019/05/10 Javascript
JS实现滑动拼图验证功能完整示例
2020/03/29 Javascript
Python多进程同步简单实现代码
2016/04/27 Python
使用pandas中的DataFrame数据绘制柱状图的方法
2018/04/10 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
python 实现批量xls文件转csv文件的方法
2018/10/23 Python
机器学习实战之knn算法pandas
2019/06/22 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
python re.sub()替换正则的匹配内容方法
2019/07/22 Python
浅谈Django2.0 加xadmin踩的坑
2019/11/15 Python
C语言变量的命名规则都有哪些
2013/12/27 面试题
2013年军训通讯稿
2014/02/05 职场文书
工作迟到检讨书
2014/02/21 职场文书
主题实践活动总结
2014/05/08 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
2014年个人技术工作总结
2014/12/08 职场文书
2015年防汛工作总结
2015/05/15 职场文书