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 相关文章推荐
setTimeout函数兼容各主流浏览器运行执行效果实例
Jun 13 Javascript
jQuery统计上传文件大小的方法
Jan 24 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 Javascript
javascript 常见功能汇总
Jun 11 Javascript
微信小程序 网络请求(GET请求)详解
Nov 16 Javascript
p5.js入门教程之图片加载
Mar 20 Javascript
vue 注册组件的使用详解
May 05 Javascript
详解微信小程序-canvas绘制文字实现自动换行
Apr 26 Javascript
JS实现选项卡效果的代码实例
May 20 Javascript
DatePickerDialog 自定义样式及使用全解
Jul 09 Javascript
微信小程序引入VANT组件的方法步骤
Sep 19 Javascript
electron 如何将任意资源打包的方法步骤
Apr 16 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 array_intersect()函数使用代码
2009/01/14 PHP
PHP通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
php对二维数组按指定键值key排序示例代码
2013/11/26 PHP
用PHP来计算某个目录大小的方法
2014/04/01 PHP
PHP二维数组排序的3种方法和自定义函数分享
2014/04/09 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
关闭ie窗口清除Session的解决方法
2014/01/10 Javascript
javascript中match函数的用法小结
2014/02/08 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
2015/12/16 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
2016/03/10 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
jquery mobile移动端幻灯片滑动切换效果
2020/04/15 Javascript
jquery实现input框获取焦点的简单实例
2017/01/26 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
2017/03/21 jQuery
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
关于Bootstrap按钮组件消除黄框的方法
2017/05/19 Javascript
Vue编程式跳转的实例代码详解
2019/07/10 Javascript
vue render函数动态加载img的src路径操作
2020/10/26 Javascript
Vue实现图书管理案例
2021/01/20 Vue.js
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
Python 输出时去掉列表元组外面的方括号与圆括号的方法
2018/12/24 Python
在 Windows 下搭建高效的 django 开发环境的详细教程
2020/07/27 Python
Python 转移文件至云对象存储的方法
2021/02/07 Python
AmazeUI在模态框中嵌入表单形成模态输入框
2020/08/20 HTML / CSS
乌克兰在线电子产品商店:MTA
2019/11/14 全球购物
德国BA保镖药房中文网:Bodyguard Apotheke
2021/03/09 全球购物
班班通项目实施方案
2014/02/25 职场文书
辅导员评语
2014/05/04 职场文书
公司经理任命书
2014/06/05 职场文书
杜甫草堂导游词
2015/02/03 职场文书
预备党员转正意见
2015/06/01 职场文书
2016教师政治学习心得体会
2016/01/23 职场文书
导游词之镇江-金山寺
2019/10/14 职场文书
python requests模块的使用示例
2021/04/07 Python
Spring Cloud OpenFeign模版化客户端
2022/06/25 Java/Android