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将一个数组插入到另一个数组的方法
Mar 19 Javascript
Bootstrap模仿起筷首页效果
May 09 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
Sep 17 Javascript
基于JavaScript实现随机颜色输入框
Dec 10 Javascript
vue不通过路由直接获取url中参数的方法示例
Aug 24 Javascript
基于vue展开收起动画的示例代码
Jul 05 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
Oct 29 Javascript
微信小程序日历效果
Dec 29 Javascript
Angular6 用户自定义标签开发的实现方法
Jan 08 Javascript
浅谈Javascript中的对象和继承
Apr 19 Javascript
使用vuex解决刷新页面state数据消失的问题记录
May 08 Javascript
JavaScrip数组去重操作实例小结
Jun 20 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递归创建和删除文件夹的代码小结
2012/04/13 PHP
PHP产生不重复随机数的5个方法总结
2014/11/12 PHP
php实现俄罗斯乘法实例
2015/03/07 PHP
php 参数过滤、数据过滤详解
2015/10/26 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
Thinkphp 框架基础之源码获取、环境要求与目录结构分析
2020/04/27 PHP
javascript 动态加载 css 方法总结
2009/07/11 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
解决前端跨域问题方案汇总
2016/11/20 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
前后端如何实现登录token拦截校验详解
2018/09/03 Javascript
微信小程序如何调用json数据接口并解析
2019/06/29 Javascript
Layui tree 下拉菜单树的实例代码
2019/09/21 Javascript
Vue.js的模板语法详解
2020/02/16 Javascript
python和shell变量互相传递的几种方法
2013/11/20 Python
深入讨论Python函数的参数的默认值所引发的问题的原因
2015/03/30 Python
Python实现简单的代理服务器
2015/07/25 Python
python处理Excel xlrd的简单使用
2017/09/12 Python
Python数据结构与算法之使用队列解决小猫钓鱼问题
2017/12/14 Python
python图形绘制奥运五环实例讲解
2019/09/14 Python
Expected conditions模块使用方法汇总代码解析
2020/08/13 Python
Scrapy 配置动态代理IP的实现
2020/09/28 Python
移动端HTML5 input常见问题(小结)
2020/09/28 HTML / CSS
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
KELLER SPORTS荷兰:在线订购最好的运动产品
2020/10/13 全球购物
市场营销专业毕业生求职信
2014/03/26 职场文书
男方婚前保证书
2015/02/28 职场文书
校长新学期寄语2016
2015/12/04 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
SONY AN-LP1 短波有源天线放大器
2021/04/22 无线电
MySQL中TIMESTAMP类型返回日期时间数据中带有T的解决
2022/12/24 MySQL