使用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 相关文章推荐
Web层改进II-用xmlhttp 无声息提交复杂表单
Jan 22 Javascript
JavaScript 学习小结(适合新手参考)
Jul 30 Javascript
js函数返回多个返回值的示例代码
Nov 05 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
Oct 16 Javascript
浅谈javascript 迭代方法
Jan 21 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
Angular2 父子组件通信方式的示例
Jan 29 Javascript
如何使用JavaScript实现栈与队列
Jun 24 Javascript
js图数据结构处理 迪杰斯特拉算法代码实例
Sep 11 Javascript
javascript 数组精简技巧小结
Feb 26 Javascript
js获取url页面id,也就是最后的数字文件名
Sep 25 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文本数据库的搜索方法
2006/10/09 PHP
php fckeditor 调用的函数
2009/06/21 PHP
初识Laravel
2014/10/30 PHP
php实现读取和写入tab分割的文件
2015/06/01 PHP
PHP INT类型在内存中占字节详解
2019/07/20 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
JavaScript类和继承 prototype属性
2010/09/03 Javascript
jquery实现每个数字上都带进度条的幻灯片
2013/02/20 Javascript
js实现飞入星星特效代码
2014/10/17 Javascript
require.js配合插件text.js实现最简单的单页应用程序
2016/07/12 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
详解React+Koa实现服务端渲染(SSR)
2018/05/23 Javascript
详解webpack模块加载器兼打包工具
2018/09/11 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
2020/11/07 Javascript
有关wxpython pyqt内存占用问题分析
2014/06/09 Python
简单介绍Python中的几种数据类型
2016/01/02 Python
怎样使用Python脚本日志功能
2016/08/14 Python
python访问抓取网页常用命令总结
2017/04/11 Python
python3实现TCP协议的简单服务器和客户端案例(分享)
2017/06/14 Python
Python中读取文件名中的数字的实例详解
2020/12/25 Python
CSS3中currentColor关键字的妙用
2016/02/27 HTML / CSS
Html5移动端弹幕动画实现示例代码
2018/08/27 HTML / CSS
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
纬创Java面试题笔试题
2014/10/02 面试题
JSP和EJB可以共享HttpSession么?EJB里面可以改变session里面的内容
2013/06/05 面试题
JAVA程序员面试题
2012/10/03 面试题
卫校中专生个人自我评价
2013/09/19 职场文书
医院检讨书范文
2014/02/01 职场文书
大学新学期计划书
2014/04/28 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
合作合同协议书范本
2015/01/27 职场文书
普通员工辞职信范文
2015/05/12 职场文书
小学语文继续教育研修日志
2015/11/13 职场文书
小学班级标语口号大全
2015/12/26 职场文书
2016入党心得体会范文
2016/01/06 职场文书