使用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-onload让第一次页面加载时图片是淡入方式显示
May 23 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
Feb 22 Javascript
jquery动态增加text元素以及删除文本内容实例代码
Jul 01 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
如何防止回车(enter)键提交表单
May 11 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
详解JavaScript数组和字符串中去除重复值的方法
Mar 07 Javascript
js实现的万能flv网页播放器代码
Apr 30 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
vue和better-scroll实现列表左右联动效果详解
Apr 29 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
关于vue-router-link选择样式设置
Apr 30 Vue.js
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
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
JQuery动态给table添加、删除行 改进版
2011/01/19 Javascript
JSON为什么那样红为什么要用json(另有洞天)
2012/12/26 Javascript
10个JavaScript中易犯小错误
2016/02/14 Javascript
javascript拖拽应用实例
2016/03/25 Javascript
基于Bootstrap3表格插件和分页插件实例详解
2016/05/17 Javascript
javascript鼠标滑过显示二级菜单特效
2020/11/18 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
Angularjs中的ui-bootstrap的使用教程
2017/02/19 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
2017/02/19 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
2017/10/27 jQuery
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
node.js到底要不要加分号浅析
2018/07/11 Javascript
js实现时钟定时器
2020/03/26 Javascript
python下如何让web元素的生成更简单的分析
2008/07/17 Python
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
Python网络爬虫与信息提取(实例讲解)
2017/08/29 Python
python实现kMeans算法
2017/12/21 Python
python 阶乘累加和的实例
2019/02/01 Python
Python将json文件写入ES数据库的方法
2019/04/10 Python
Python中包的用法及安装
2020/02/11 Python
浅谈matplotlib中FigureCanvasXAgg的用法
2020/06/16 Python
Pytorch实现将模型的所有参数的梯度清0
2020/06/24 Python
python 读txt文件,按‘,’分割每行数据操作
2020/07/05 Python
使用JS+CSS3技术:让你的名字动起来
2013/04/27 HTML / CSS
Paradox London官方网站:英国新娘鞋婚礼鞋品牌
2019/08/29 全球购物
行政专员岗位职责
2014/01/02 职场文书
大学信息公开实施方案
2014/03/09 职场文书
在校实习生求职信
2014/06/18 职场文书
2015年度个人思想工作总结
2015/04/08 职场文书
法制教育讲座心得体会
2016/01/14 职场文书
vue使用节流函数的踩坑实例指南
2021/05/20 Vue.js
Nginx防盗链与服务优化配置的全过程
2022/01/18 Servers
Win11怎么解除儿童账号限制?Win11解除微软儿童账号限制方法
2022/07/07 数码科技