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 相关文章推荐
让getElementsByName适应IE和firefox的方法
Sep 24 Javascript
js TextArea的选中区域处理
Dec 28 Javascript
js自动查找select下拉的菜单并选择(示例代码)
Feb 26 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 Javascript
概述javascript在Google IE中的调试技巧
Nov 24 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
Dec 22 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
Dec 30 Javascript
jQuery命名空间与闭包用法示例
Jan 12 Javascript
bootstrap警告框使用方法解析
Jan 13 Javascript
webpack配置之后端渲染详解
Oct 26 Javascript
微信小程序中进行地图导航功能的实现方法
Jun 29 Javascript
vue与django集成打包的实现方法
Nov 11 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
cmd下运行php脚本
2008/11/25 PHP
phpMyAdmin自动登录和取消自动登录的配置方法
2014/05/12 PHP
PHP实现扎金花游戏之大小比赛的方法
2015/03/10 PHP
TP5.0框架实现无限极回复功能的方法分析
2019/05/04 PHP
createElement动态创建HTML对象脚本代码
2008/11/24 Javascript
JS跨域代码片段
2012/08/30 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
JavaScript实现数组随机排序的方法
2015/06/26 Javascript
网页收藏夹显示ICO图标(代码少)
2015/08/04 Javascript
JS实现仿FLASH效果的竖排导航代码
2015/09/15 Javascript
很实用的js选项卡切换效果
2016/08/12 Javascript
JS实现简单的tab切换选项卡效果
2016/09/21 Javascript
JS实现滑动门效果的方法详解
2016/12/19 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
JavaScript自定义文本框光标
2017/03/05 Javascript
JS中的Replace()传入函数时的用法详解
2017/09/11 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
2017/12/25 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
vue+elementUI 实现内容区域高度自适应的示例
2020/09/26 Javascript
Vue中inheritAttrs的使用实例详解
2020/12/31 Vue.js
[50:05]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
跟老齐学Python之数据类型总结
2014/09/24 Python
Python 正则表达式入门(中级篇)
2016/12/07 Python
Python图片裁剪实例代码(如头像裁剪)
2017/06/21 Python
Python人脸识别第三方库face_recognition接口说明文档
2019/05/03 Python
python实现的Iou与Giou代码
2020/01/18 Python
tensorflow转换ckpt为savermodel模型的实现
2020/05/25 Python
美国殿堂级滑板、冲浪、滑雪服装品牌:Volcom(钻石)
2017/04/20 全球购物
什么是JNDI的上下文?如何初始化JNDI上下文
2012/03/10 面试题
节约粮食标语
2014/06/18 职场文书
开展党的群众路线教育实践活动个人对照检查材料
2014/11/05 职场文书
上市公司财务总监岗位职责
2015/04/03 职场文书
2019年入党思想汇报格式与要求
2019/06/25 职场文书