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实现的倒计时效果实例小结
Apr 16 Javascript
移动端点击图片放大特效PhotoSwipe.js插件实现
Aug 25 Javascript
angular 基于ng-messages的表单验证实例
May 04 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
May 21 Javascript
Windows下Node.js安装及环境配置方法
Sep 18 Javascript
three.js中文文档学习之如何本地运行详解
Nov 20 Javascript
JS异步执行结果获取的3种解决方式
Feb 19 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
Sep 23 Javascript
vue+ts下对axios的封装实现
Feb 18 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
May 23 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 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
Netflix将与CLAMP、乙一以及冲方丁等6名知名制作人合伙展开原创动画计划!
2020/03/06 日漫
解析PHP 使用curl提交json格式数据
2013/06/29 PHP
PHP的preg_match匹配字符串长度问题解决方法
2014/05/03 PHP
PHP递归遍历指定目录的文件并统计文件数量的方法
2015/03/24 PHP
基于jQueryUI和Corethink实现百度的搜索提示功能
2016/11/09 PHP
Js基础学习资料
2010/11/23 Javascript
基于JQuery 的消息提示框效果代码
2011/07/31 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
2014/01/10 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
2014/04/25 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
2015/06/11 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
jquery实现鼠标悬浮停止轮播特效
2020/08/20 Javascript
详解javascript实现瀑布流列式布局
2016/01/29 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
JS数组排序方法实例分析
2016/12/16 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
underscore之function_动力节点Java学院整理
2017/07/11 Javascript
JS中判断字符串存在和非空的方法
2018/09/12 Javascript
如何使用vuex实现兄弟组件通信
2018/11/02 Javascript
laydate如何根据开始时间或者结束时间限制范围
2018/11/15 Javascript
vue.js+ElementUI实现进度条提示密码强度效果
2020/01/18 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
2020/03/02 Javascript
vue-quill-editor的使用及个性化定制操作
2020/08/04 Javascript
Vue.extend 登录注册模态框的实现
2020/12/29 Vue.js
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
浅谈Django QuerySet对象(模型.objects)的常用方法
2020/03/28 Python
Python爬虫如何应对Cloudflare邮箱加密
2020/06/24 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
学校查摆问题整改措施
2014/09/28 职场文书
官僚主义现象查摆问题整改措施
2014/10/04 职场文书
评估“风险”创业计划的几大要点
2019/08/12 职场文书
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL
opencv用VS2013调试时用Image Watch插件查看图片
2021/07/26 Python
Golang使用Panic与Recover进行错误捕获
2022/03/22 Golang