使用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 相关文章推荐
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
常用javascript表单验证汇总
Jul 20 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
Feb 06 Javascript
JavaScript笔记之数据属性和存储器属性
Mar 31 Javascript
JavaScript事件学习小结(一)事件流
Jun 09 Javascript
Javascript基础_简单比较undefined和null 值
Jun 14 Javascript
简单的js计算器实现
Oct 26 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
Feb 20 Javascript
BootStrap 动态表单效果
Jun 02 Javascript
angular2 ng build部署后base文件路径问题详细解答
Jul 15 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
产制造追溯系统之通过微信小程序实现移动端报表平台
Jun 03 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
php实现随机生成易于记忆的密码
2015/06/19 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
thinkPHP框架可添加js事件的分页类customPage.class.php完整实例
2017/03/16 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
2018/02/08 PHP
微信支付之JSAPI公众号支付详解
2019/05/15 PHP
jquery获取iframe中的dom对象(两种方法)
2013/07/02 Javascript
jQuery 追加元素的方法如append、prepend、before
2014/01/16 Javascript
详细分析JavaScript变量类型
2015/07/08 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
bootstrap table 多选框分页保留示例代码
2017/03/08 Javascript
面试常见的js算法题
2017/03/23 Javascript
Vue制作Todo List网页
2017/04/26 Javascript
vue省市区三联动下拉选择组件的实现
2017/04/28 Javascript
jquery实现左右轮播图效果
2017/09/28 jQuery
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
2018/03/15 Javascript
vue+webpack模拟后台数据的示例代码
2018/07/26 Javascript
基于vue的验证码组件的示例代码
2019/01/22 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
CountUp.js实现数字滚动增值效果
2019/10/17 Javascript
TypeScript 运行时类型检查补充工具
2020/09/28 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
让 python 命令行也可以自动补全
2014/11/30 Python
python处理图片之PIL模块简单使用方法
2015/05/11 Python
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
Python中作用域的深入讲解
2018/12/10 Python
Python 仅获取响应头, 不获取实体的实例
2019/08/21 Python
Python操作MongoDb数据库流程详解
2020/03/05 Python
python实现AHP算法的方法实例(层次分析法)
2020/09/09 Python
法律专业推荐信范文
2013/11/29 职场文书
干部行政关系介绍信
2014/01/17 职场文书
九年级科学教学反思
2014/01/29 职场文书
销售总经理岗位职责
2014/03/15 职场文书
师德师风整改措施
2014/10/24 职场文书
大学军训通讯稿
2015/07/18 职场文书
普希金的诗歌赏析(3首)
2019/08/20 职场文书
灵能百分百第三季什么时候来?
2022/03/15 日漫