使用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』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
jquery UI Datepicker时间控件冲突问题解决
Dec 16 Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 Javascript
Bootstrap 下拉多选框插件Bootstrap Multiselect
Jan 22 Javascript
js原生Ajax的封装和原理详解
Mar 11 Javascript
vue-cli构建项目使用 less的方法
Oct 04 Javascript
实例介绍JavaScript中多种组合继承
Jan 20 Javascript
javascript+css实现进度条效果
Mar 25 Javascript
详解webpack的文件监听实现(热更新)
Sep 11 Javascript
Vue实现菜单切换功能
Nov 08 Javascript
AudioContext 实现音频可视化(web技术分享)
Feb 24 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创建和删除目录函数介绍和递归删除目录函数分享
2014/11/18 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
2009/03/26 Javascript
jquery tools 系列 scrollable(2)
2009/09/06 Javascript
自写简单JS判断是否已经弹出页面
2010/10/20 Javascript
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
JavaScript中Boolean对象的属性解析
2015/10/21 Javascript
AngularJS 中文API参考手册
2016/07/28 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
2016/11/13 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
AngularJS报错$apply already in progress的解决方法分析
2017/01/30 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
Bootstrap Table从零开始
2017/06/30 Javascript
React服务端渲染(总结)
2017/07/01 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
2018/11/08 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
ckeditor一键排版功能实现方法分析
2020/02/06 Javascript
用vue 实现手机触屏滑动功能
2020/05/28 Javascript
Python金融数据可视化汇总
2017/11/17 Python
Python读取excel中的图片完美解决方法
2018/07/27 Python
Python在for循环中更改list值的方法【推荐】
2018/08/17 Python
pandas中遍历dataframe的每一个元素的实现
2019/10/23 Python
VSCode中自动为Python文件添加头部注释
2019/11/14 Python
关于python中的xpath解析定位
2020/03/06 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
Pycharm 设置默认解释器路径和编码格式的操作
2021/02/05 Python
Stuart Weitzman美国官网:美国奢华鞋履品牌
2016/08/18 全球购物
JAVA的事件委托机制和垃圾回收机制
2014/09/07 面试题
2014年计划生育协会工作总结
2014/11/14 职场文书
毕业设计致谢词
2015/05/14 职场文书
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android
MySQL连表查询分组去重的实现示例
2021/07/01 MySQL