使用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 UI Dialog控件中的表单无法正常提交的解决方法
Dec 19 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
jQuery选择器querySelector的使用指南
Jan 23 Javascript
Web打印解决方案之证件套打的实现思路
Aug 29 Javascript
jQuery EasyUI封装简化操作
Sep 18 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
Oct 09 Javascript
深入探究node之Transform
Jul 20 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
Jan 08 Javascript
监听element-ui table滚动事件的方法
Mar 26 Javascript
mui js控制开关状态、修改switch开关的值方法
Sep 03 Javascript
解决vue中的无限循环问题
Jul 27 Javascript
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 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中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
Javascript 继承实现例子
2009/08/12 Javascript
JSQL  一个 web DB 的封装
2010/05/05 Javascript
JSON+JavaScript处理JSON的简单例子
2013/03/20 Javascript
javascript 获取网页标题代码实例
2014/01/22 Javascript
让JavaScript的Alert弹出框失效的方法禁止弹出警告框
2014/09/03 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
2015/06/24 Javascript
jquery移动端TAB触屏切换实现效果
2020/12/22 Javascript
JS SetInterval 代码实现页面轮询
2017/08/11 Javascript
详解A标签中href=&quot;&quot;的几种用法
2017/08/20 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
2017/09/20 Javascript
基于JavaScript实现前端数据多条件筛选功能
2020/08/19 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
js中getter和setter用法实例分析
2018/08/14 Javascript
vue通过指令(directives)实现点击空白处收起下拉框
2018/12/06 Javascript
Web安全之XSS攻击与防御小结
2018/12/13 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
2019/05/09 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
在Python中编写数据库模块的教程
2015/04/29 Python
详谈Numpy中数组重塑、合并与拆分方法
2018/04/17 Python
Django 内置权限扩展案例详解
2019/03/04 Python
python数据挖掘需要学的内容
2019/06/23 Python
如何在Django配置文件里配置session链接
2019/08/06 Python
python同时替换多个字符串方法示例
2019/09/17 Python
python flask搭建web应用教程
2019/11/19 Python
python高阶函数map()和reduce()实例解析
2020/03/16 Python
python中把元组转换为namedtuple方法
2020/12/09 Python
CSS3属性选择符介绍
2008/10/17 HTML / CSS
La Redoute英国官网:法国时尚品牌
2017/04/27 全球购物
国际礼品店:GiftsnIdeas
2018/05/03 全球购物
Footshop法国:购买运动鞋
2020/01/19 全球购物
傲盾软件面试题
2015/08/17 面试题
演讲稿的格式及范文
2014/08/22 职场文书
论文评审意见
2015/06/05 职场文书
2016学习全国教书育人楷模先进事迹心得体会
2016/01/21 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书