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 页面载入进度条实现代码
Feb 08 Javascript
JavaScript 实现模态对话框 源代码大全
May 02 Javascript
jsonp原理及使用
Oct 28 Javascript
jquery 日期控件datepicker属性详细解析
Nov 08 Javascript
jQuery过滤选择器:not()方法使用介绍
Apr 20 Javascript
JS生成不重复随机数组的函数代码
Jun 10 Javascript
基于JavaScript创建动态Dom
Dec 08 Javascript
移动端脚本框架Hammer.js
Dec 15 Javascript
原生js验证简洁注册登录页面
Dec 17 Javascript
vue判断input输入内容全是空格的方法
Mar 02 Javascript
JS限制输入框输入的实现代码
Jul 02 Javascript
Jquery实现获取子元素的方法分析
Aug 24 jQuery
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 socket的讲解与实例分析
2013/06/13 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
showModalDialog模态对话框的使用详解以及浏览器兼容
2014/01/11 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
2014/06/24 Javascript
Javascript访问器属性实例分析
2014/12/30 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
2016/11/09 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
基于wordpress的ajax写法详解
2018/01/02 Javascript
vue和react等项目中更简单的实现展开收起更多等效果示例
2018/02/22 Javascript
详解Angular系列之变化检测(Change Detection)
2018/02/26 Javascript
vue.js学习笔记之v-bind和v-on解析
2018/05/03 Javascript
Vue动态控制input的disabled属性的方法
2018/06/26 Javascript
layui中table表头样式修改方法
2018/08/15 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
vue使用axios上传文件(FormData)的方法
2019/04/14 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
跟老齐学Python之编写类之二方法
2014/10/11 Python
python实现从网络下载文件并获得文件大小及类型的方法
2015/04/28 Python
python开发之for循环操作实例详解
2015/11/12 Python
mac安装pytorch及系统的numpy更新方法
2018/07/26 Python
python 判断字符串中是否含有汉字或非汉字的实例
2019/07/15 Python
jupyter notebook 调用环境中的Keras或者pytorch教程
2020/04/14 Python
婚鞋、新娘鞋、礼服鞋、童鞋:Nina Shoes
2019/09/04 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
个人函授自我鉴定
2014/03/25 职场文书
镇政府副镇长群众路线专题民主生活会对照检查材料
2014/09/19 职场文书
入党积极分子十八届四中全会思想汇报
2014/10/23 职场文书
嘉宾邀请函
2015/01/31 职场文书
老公保证书怎么写
2015/02/26 职场文书
学校教学管理制度
2015/08/06 职场文书
党员学习型组织心得体会
2019/06/21 职场文书