使用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 相关文章推荐
Script的加载方法小结
Jan 12 Javascript
可插入图片的TEXT文本框
Dec 27 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
JavaScript检测并限制复选框选中个数的方法
Aug 12 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
Oct 16 Javascript
浅谈javascript 函数表达式和函数声明的区别
Jan 05 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
angular2+node.js express打包部署的实战
Jul 27 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
Dec 18 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
May 12 Javascript
基于js实现判断浏览器类型代码实例
Jul 17 Javascript
Vue按时间段查询数据组件使用详解
Aug 21 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错误提示failed to open stream: HTTP request failed!的完美解决方法
2011/06/06 PHP
php使用base64加密解密图片示例分享
2014/01/20 PHP
php轻松实现中英文混排字符串截取
2014/05/28 PHP
PHP 计算两个特别大的整数实例代码
2018/05/07 PHP
PHP实现百度人脸识别
2019/05/06 PHP
json的前台操作和后台操作实现代码
2012/01/20 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
2013/01/08 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
2013/03/19 Javascript
JavaScript常用全局属性与方法记录积累
2013/07/03 Javascript
node.js使用nodemailer发送邮件实例
2014/03/10 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
JavaScript获取网页表单提交方式的方法
2015/04/02 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
javascript弹出窗口中增加确定取消按钮
2016/06/24 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
2016/08/03 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
2016/08/08 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
2018/09/18 Javascript
10个最受欢迎的 JavaScript框架(推荐)
2019/04/24 Javascript
详细分析Node.js 模块系统
2020/06/28 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
vue 接口请求地址前缀本地开发和线上开发设置方式
2020/08/13 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
python利用装饰器进行运算的实例分析
2015/08/04 Python
详解python的几种标准输出重定向方式
2016/08/15 Python
python 类详解及简单实例
2017/03/24 Python
对python中词典的values值的修改或新增KEY详解
2019/01/20 Python
Python3和PyCharm安装与环境配置【图文教程】
2020/02/14 Python
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
巧克力领导品牌瑞士莲美国官网:Lindt Chocolate美国
2016/08/25 全球购物
车队司机自我鉴定
2014/03/02 职场文书
沙滩主题婚礼活动策划方案
2014/09/15 职场文书
小学教师师德师风自我剖析材料
2014/09/29 职场文书
售票员岗位职责
2015/02/15 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
《吃水不忘挖井人》教学反思
2016/02/22 职场文书
Redis基本数据类型Zset有序集合常用操作
2022/06/01 Redis