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中强制执行toString()具体实现
Apr 27 Javascript
在父页面调用子页面的JS方法
Sep 29 Javascript
js有序数组的连接问题
Oct 01 Javascript
Vue.js 父子组件通讯开发实例
Sep 06 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
Sep 27 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
Dec 02 Javascript
Bootstrap fileinput组件封装及使用详解
Mar 10 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
Jun 13 Javascript
详解JS数据类型的值拷贝函数(深拷贝)
Jul 13 Javascript
vue中接口域名配置为全局变量的实现方法
Sep 20 Javascript
vue+Element-ui实现分页效果实例代码详解
Dec 10 Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 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文件上传、下载和删除示例
2020/08/28 PHP
jQuery用unbind方法去掉hover事件及其他方法介绍
2013/03/18 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
js 距离某一时间点时间是多少实现代码
2013/10/14 Javascript
一个通过script自定义属性传递配置参数的方法
2014/09/15 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
在JavaScript中操作数组之map()方法的使用
2015/06/09 Javascript
javascript封装 Cookie 应用接口
2015/08/07 Javascript
uploadify多文件上传参数设置技巧
2015/11/16 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
2016/01/19 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
2016/02/16 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
Jqprint实现页面打印
2017/01/06 Javascript
详解jQuery事件
2017/01/13 Javascript
Javascript for in的缺陷总结
2017/02/03 Javascript
浅谈javascript的url参数parse和build函数
2017/03/04 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
python机器学习之神经网络(三)
2017/12/20 Python
Python文本特征抽取与向量化算法学习
2017/12/22 Python
Python AES加密实例解析
2018/01/18 Python
python特性语法之遍历、公共方法、引用
2018/08/08 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
HTML5实现QQ聊天气泡效果
2017/06/26 HTML / CSS
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
2017/05/18 HTML / CSS
欧缇丽英国官方网站:Caudalie英国
2016/08/17 全球购物
餐饮业创业计划书范文
2014/01/06 职场文书
行政部工作岗位职责范本
2014/03/05 职场文书
自荐信的格式
2014/03/10 职场文书
六一亲子活动总结
2014/07/01 职场文书
搞笑的获奖感言
2014/08/16 职场文书
全国法院系统开展党的群众路线教育实践活动综述(全文)
2014/10/25 职场文书
少年犯观后感
2015/06/11 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书