使用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 相关文章推荐
JS解决url传值出现中文乱码的另类办法
Apr 08 Javascript
JavaScript实现GriwView单列全选(自写代码)
May 13 Javascript
JavaScript实现彩虹文字效果的方法
Apr 16 Javascript
JS动态插入并立即执行回调函数的方法
Apr 21 Javascript
详解Javascript中的原型OOP
Oct 12 Javascript
Vue.js创建Calendar日历效果
Nov 03 Javascript
微信小程序 Tab页切换更新数据
Jan 05 Javascript
bootstrap select插件封装成Vue2.0组件
Apr 17 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
Jun 14 Javascript
vue实现学生录入系统之添加删除功能
Jul 11 Javascript
JavaScript数组去重实现方法小结
Jan 17 Javascript
vuex中store存储store.commit和store.dispatch的用法
Jul 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集成百度Ueditor 1.4.3
2014/11/23 PHP
PHP中isset与array_key_exists的区别实例分析
2015/06/02 PHP
PHP实现常用排序算法的方法
2020/02/05 PHP
基于Jquery的表格隔行换色,移动换色,点击换色插件
2010/12/22 Javascript
JavaScript的继承的封装介绍
2013/10/15 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
Node.js巧妙实现Web应用代码热更新
2015/10/22 Javascript
js的各种排序算法实现(总结)
2016/07/23 Javascript
Javascript中构造函数要注意的一些坑
2017/01/23 Javascript
解决vuecli3.0热更新失效的问题
2018/09/19 Javascript
vue 之 css module的使用方法
2018/12/04 Javascript
Vue3.0中的monorepo管理模式的实现
2019/10/14 Javascript
JavaScript实现多层颜色选项卡嵌套
2020/09/21 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
[49:17]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第三场 1月26日
2021/03/11 DOTA
python opencv 图像尺寸变换方法
2018/04/02 Python
解决Pycharm无法import自己安装的第三方module问题
2018/05/18 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
Python Web编程之WSGI协议简介
2018/07/18 Python
python爬取淘宝商品销量信息
2018/11/16 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
numpy数组之存取文件的实现示例
2019/05/24 Python
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
2014/11/05 HTML / CSS
Madewell澳大利亚官方网站:美国休闲服饰品牌
2019/07/18 全球购物
《太阳》教学反思
2014/02/21 职场文书
关于安全演讲稿
2014/05/09 职场文书
自主招生教师推荐信
2014/05/10 职场文书
个人综合鉴定材料
2014/05/23 职场文书
医生个人自我剖析材料
2014/10/08 职场文书
现货白银电话营销话术
2015/05/29 职场文书
实习证明模板
2015/06/16 职场文书
2019开业庆典剪彩仪式主持词!
2019/07/22 职场文书
vue完美实现el-table列宽自适应
2021/05/08 Vue.js
Python基础之元编程知识总结
2021/05/23 Python
详解MySQL中的主键与事务
2021/05/27 MySQL
Anaconda配置各版本Pytorch的实现
2021/08/07 Python