使用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 相关文章推荐
AngularJS入门教程之Hello World!
Dec 06 Javascript
JS控制HTML元素的显示和隐藏的两种方法
Sep 27 Javascript
关于Vue.js一些问题和思考学习笔记(1)
Dec 02 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
Dec 31 Javascript
JavaScript定义函数_动力节点Java学院整理
Jun 27 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
Sep 19 Javascript
原生js代码能实现call和bind吗
Jul 31 Javascript
js中offset,client , scroll 三大元素知识点总结
Sep 11 Javascript
vue 中几种传值方法(3种)
Nov 12 Javascript
用vue 实现手机触屏滑动功能
May 28 Javascript
jquery实现简单每周轮换的日历
Sep 10 jQuery
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
Drupal7 form表单二次开发要点与实例
2014/03/02 PHP
PHP获取redis里不存在的6位随机数应用示例【设置24小时过时】
2017/06/07 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
alixixi runcode.asp的代码不错的应用
2007/08/08 Javascript
基于jquery的cookie的用法
2011/01/10 Javascript
js获取html页面节点方法(递归方式)
2013/12/13 Javascript
jquery实现通用版鼠标经过淡入淡出效果
2014/06/15 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
2015/01/28 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
2015/04/01 Javascript
javascript十六进制及二进制转化的方法
2015/05/06 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
C++中的string类的用法小结
2015/08/07 Javascript
JavaScript实现简洁的俄罗斯方块完整实例
2016/03/01 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
jQuery基于BootStrap样式实现无限极地区联动
2016/08/26 Javascript
关于不同页面之间实现参数传递的几种方式讨论
2017/02/13 Javascript
vue中动态绑定表单元素的属性方法
2018/02/23 Javascript
jQuery实现侧边栏隐藏与显示的方法详解
2018/12/22 jQuery
Vue+Vuex实现自动登录的知识点详解
2020/03/04 Javascript
跟老齐学Python之深入变量和引用对象
2014/09/24 Python
Python实现list反转实例汇总
2014/11/11 Python
发布你的Python模块详解
2016/09/15 Python
python爬取哈尔滨天气信息
2018/07/14 Python
python实现删除列表中某个元素的3种方法
2020/01/15 Python
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
MVMT手表官方网站:时尚又实惠的高品质手表
2016/12/04 全球购物
Vertbaudet西班牙网上商店:婴儿服装、童装、母婴用品和儿童家具
2019/10/16 全球购物
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
Ray-Ban雷朋太阳眼镜英国官网:Ray-Ban UK
2019/11/23 全球购物
建筑施工实习自我鉴定
2013/09/19 职场文书
英语教师个人总结
2015/02/09 职场文书
军训个人总结
2015/03/03 职场文书
公司员工培训管理制度
2015/08/04 职场文书
体育教师研修感悟
2015/11/18 职场文书
Mysql中一千万条数据怎么快速查询
2021/12/06 MySQL