使用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 相关文章推荐
JavaScript执行效率与性能提升方案
Dec 21 Javascript
一个级联菜单代码学习及removeClass与addClass的应用
Jan 24 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
Jan 27 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
May 03 Javascript
vue 实现边输入边搜索功能的实例讲解
Sep 16 Javascript
JS简单判断是否在微信浏览器打开的方法示例
Jan 08 Javascript
vue3修改link标签默认icon无效问题详解
Oct 09 Javascript
js blob类型url的视频下载问题的解决
Nov 29 Javascript
vue.js+element 默认提示中英文操作
Nov 11 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 多维数组的排序问题 根据二维数组中某个项排序
2011/11/09 PHP
解析PHP中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
php开发微信支付获取用户地址
2015/10/04 PHP
php简单中奖算法(实例)
2017/08/15 PHP
PHP重置数组为连续数字索引的几种方式总结
2018/03/12 PHP
jQuery拖拽 &amp; 弹出层 介绍与示例
2013/12/27 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
2016/06/24 Javascript
jQuery搜索框效果实现代码(百度关键词联想)
2021/02/25 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
Javascript 对cookie操作详解及实例
2016/12/29 Javascript
Angular2入门教程之模块和组件详解
2017/05/28 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
2019/02/15 Javascript
NodeJS实现同步的方法
2019/03/02 NodeJs
运用js实现图层拖拽的功能
2019/05/24 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
vue路由切换之淡入淡出的简单实现
2019/10/31 Javascript
在VUE中使用lodash的debounce和throttle操作
2020/11/09 Javascript
NumPy 基本切片和索引的具体使用方法
2019/04/24 Python
Python多线程threading模块用法实例分析
2019/05/22 Python
用python打印1~20的整数实例讲解
2019/07/01 Python
Python超越函数积分运算以及绘图实现代码
2019/11/20 Python
Django ModelForm操作及验证方式
2020/03/30 Python
解决pycharm debug时界面下方不出现step等按钮及变量值的问题
2020/06/09 Python
HTML5中Canvas与SVG的画图原理比较
2013/01/16 HTML / CSS
美国值得信赖的婚恋交友网站:eHarmony
2018/10/04 全球购物
美国在线宠物商店:Chewy
2019/01/12 全球购物
法国在线药房:1001Pharmacies
2021/03/07 全球购物
汽车销售求职自荐信
2013/10/01 职场文书
通信工程专业毕业生推荐信
2013/12/25 职场文书
公证书标准格式
2014/04/10 职场文书
研修心得体会
2014/09/04 职场文书
教师师德师风个人整改方案
2014/09/18 职场文书
大足石刻导游词
2015/02/02 职场文书
安全守法证明
2015/06/23 职场文书
安全教育培训心得体会
2016/01/15 职场文书
中学生打架《检讨书》范文
2019/08/12 职场文书