使用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 相关文章推荐
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
风吟的小型JavaScirpt库 (FY.JS).
Mar 09 Javascript
iframe 上下滚动条如何默认在下方实现原理
Dec 10 Javascript
jquery绑定事件不生效的解决方法
Feb 11 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
May 12 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
Jul 31 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
Feb 19 Javascript
Web Uploader文件上传插件使用详解
May 10 Javascript
强大的 Angular 表单验证功能详细介绍
May 23 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
Sep 28 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
Apr 08 Javascript
Java无向树分析 实现最小高度树
Apr 09 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
ThinkPHP3.1新特性之动态设置自动完成和自动验证示例
2014/06/19 PHP
YII中assets的使用示例
2014/07/31 PHP
PHP中FTP相关函数小结
2016/07/15 PHP
Thinkphp结合ajaxFileUpload实现异步图片传输示例
2017/03/13 PHP
Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
2017/10/11 PHP
js的逻辑运算符 ||
2010/05/31 Javascript
JS 控件事件小结
2012/10/31 Javascript
JS实现图片横向滚动效果示例代码
2013/09/04 Javascript
javascript中的变量作用域以及变量提升详细介绍
2013/10/24 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
2014/04/30 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
最简单的JavaScript图片轮播代码(两种方法)
2015/12/18 Javascript
jQuery xml字符串的解析、读取及查找方法
2016/03/01 Javascript
深入理解JavaScript中的对象复制(Object Clone)
2016/05/18 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
Node.js常用工具之util模块
2017/03/09 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
2017/07/04 Javascript
ES6基础之默认参数值
2019/02/21 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
Python3实现将文件归档到zip文件及从zip文件中读取数据的方法
2015/05/22 Python
深入理解Python变量与常量
2016/06/02 Python
python3.5仿微软计算器程序
2020/03/30 Python
Python生成器以及应用实例解析
2018/02/08 Python
浅谈python的深浅拷贝以及fromkeys的用法
2019/03/08 Python
Django 源码WSGI剖析过程详解
2019/08/05 Python
关于tf.reverse_sequence()简述
2020/01/20 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
利用html5 file api读取本地文件示例(如图片、PDF等)
2018/03/07 HTML / CSS
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
C语言笔试集
2012/07/24 面试题
升旗仪式演讲稿
2014/05/08 职场文书
公司大门门卫岗位职责
2014/06/11 职场文书
领导班子四风表现材料
2014/08/23 职场文书
2015年度公共机构节能工作总结
2015/05/26 职场文书
禁毒主题班会教案
2015/08/14 职场文书
Innodb存储引擎中的后台线程详解
2022/04/03 MySQL