使用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 相关文章推荐
永不消失的title提示代码
Feb 15 Javascript
JQuery 学习笔记01 JQuery初接触
May 06 Javascript
js 通用订单代码
Dec 23 Javascript
canvas绘制万花筒效果(代码分享)
Jan 20 Javascript
js转换对象为xml
Feb 17 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
Aug 30 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
Nov 20 Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 Javascript
js实现通过开始结束控制的计时器
Feb 25 Javascript
vue缓存的keepalive页面刷新数据的方法
Apr 23 Javascript
jquery+php后台实现省市区联动功能示例
May 23 jQuery
快速解决vue2+vue-cli3项目ie兼容的问题
Nov 17 Vue.js
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
一个用mysql_odbc和php写的serach数据库程序
2006/10/09 PHP
PHP获取一个字符串中间一部分字符的方法
2014/08/19 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
Yii2针对游客、用户防范规则和限制的解决方法分析
2016/10/08 PHP
php 可变函数使用小结
2018/06/12 PHP
php实现的支付宝网页支付功能示例【基于TP5框架】
2019/09/16 PHP
Document:getElementsByName()使用方法及示例
2013/10/28 Javascript
基于JQuery实现的Select级联
2014/01/27 Javascript
jquery easyui 对于开始时间小于结束时间的判断示例
2014/03/22 Javascript
JS获取复选框的值,并传递到后台的实现方法
2016/05/30 Javascript
jQuery实现鼠标跟随效果
2017/02/20 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
基于nodejs+express4.X实现文件下载的实例代码
2017/07/13 NodeJs
jQuery绑定事件方法及区别(bind,click,on,live,one)
2017/08/14 jQuery
谈谈JS中的!!
2017/12/07 Javascript
Nodejs实现多文件夹文件同步
2018/10/17 NodeJs
微信小程序添加插屏广告并设置显示频率(一天一次)
2019/12/06 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
2020/10/26 Javascript
Python模拟用户登录验证
2017/09/11 Python
简单了解OpenCV是个什么东西
2017/11/10 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
python笔记_将循环内容在一行输出的方法
2019/08/08 Python
Python创建数字列表的示例
2019/11/28 Python
Python BeautifulReport可视化报告代码实例
2020/04/13 Python
如何让PyQt5中QWebEngineView与JavaScript交互
2020/10/21 Python
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
行政总监岗位职责
2013/12/05 职场文书
故宫英文导游词
2015/01/31 职场文书
2015年公司行政后勤工作总结
2015/05/20 职场文书
2016参观监狱警示教育活动心得体会
2016/01/15 职场文书
2020年基层司法所建设情况调研报告
2019/11/30 职场文书
浅谈Python项目的服务器部署
2021/04/25 Python
python中的3种定义类方法
2021/11/27 Python
SQL Server 忘记密码以及重新添加新账号
2022/04/26 SQL Server