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从头学起第二讲
Jul 04 Javascript
使用javascript过滤html的字符串(注释标记法)
Jul 08 Javascript
js函数获取html中className所在的内容并去除标签
Sep 08 Javascript
JavaScript 作用域链解析
Nov 13 Javascript
JS修改iframe页面背景颜色的方法
Apr 01 Javascript
jQuery Validate验证框架详解(推荐)
Dec 17 Javascript
React Native使用Modal自定义分享界面的示例代码
Oct 31 Javascript
微信小程序日历效果
Dec 29 Javascript
JS实现的冒泡排序,快速排序,插入排序算法示例
Mar 02 Javascript
详解vue-flickity的fullScreen功能实现
Apr 07 Javascript
JS实现简单贪吃蛇小游戏
Oct 28 Javascript
js canvas实现五子棋小游戏
Jan 22 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 smarty模版引擎中的缓存应用
2009/12/11 PHP
PHP删除数组中的特定元素的代码
2012/06/28 PHP
destoon实现不同会员组公司名称显示不同的颜色的方法
2014/08/22 PHP
php页面跳转session cookie丢失导致不能登录等问题的解决方法
2016/12/12 PHP
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
TinyMCE 新增本地图片上传功能
2010/11/05 Javascript
javascript是怎么继承的介绍
2012/01/05 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
2013/05/07 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
angularjs的一些优化小技巧
2014/12/06 Javascript
用svg制作富有动态的tooltip
2015/07/17 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
JavaScript事件 &quot;事件对象&quot;的注意要点
2016/01/14 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
2017/03/15 Javascript
基于EasyUI的基础之上实现树形功能菜单
2017/06/28 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
基于Vue单文件组件详解
2017/09/15 Javascript
angularjs路由传值$routeParams详解
2020/09/05 Javascript
JS实现显示当前日期的实例代码
2018/07/03 Javascript
Python正则简单实例分析
2017/03/21 Python
Python实现基于二叉树存储结构的堆排序算法示例
2017/12/08 Python
Python测试网络连通性示例【基于ping】
2018/08/03 Python
python3 assert 断言的使用详解 (区别于python2)
2019/11/27 Python
Pytorch训练过程出现nan的解决方式
2020/01/02 Python
Pytorch mask_select 函数的用法详解
2020/02/18 Python
在tensorflow以及keras安装目录查询操作(windows下)
2020/06/19 Python
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
德国知名健康零食网上商店:Seeberger
2017/07/27 全球购物
C#的几个面试问题
2016/05/22 面试题
幼儿运动会邀请函
2014/01/17 职场文书
女娲补天教学反思
2014/02/05 职场文书
英语课外活动总结
2014/08/27 职场文书
委托书的写法
2014/09/16 职场文书
2015年教师节广播稿
2015/08/19 职场文书
Ajax是什么?Ajax高级用法之Axios技术
2021/04/21 Javascript
Java结构型设计模式之组合模式详解
2022/09/23 Java/Android