使用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 获取当前日期时间及其它操作实现代码
Mar 04 Javascript
javascript学习基础笔记之DOM对象操作
Nov 03 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
Oct 09 Javascript
Javascript变量的作用域和作用域链详解
Apr 02 Javascript
d3.js实现简单的网络拓扑图实例代码
Nov 06 Javascript
微信小程序 实现拖拽事件监听实例详解
Nov 16 Javascript
解析JavaScript模仿块级作用域
Dec 29 Javascript
ionic选择多张图片上传的示例代码
Oct 10 Javascript
JavaScript switch语句使用方法简介
Dec 30 Javascript
JavaScript 接口原理与用法实例详解
May 12 Javascript
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
Nov 10 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
Jan 13 Vue.js
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
快速配置PHPMyAdmin方法
2008/06/05 PHP
Linux编译升级php的详细方法
2013/11/04 PHP
php数组中删除元素之重新索引的方法
2014/09/16 PHP
php中array_multisort对多维数组排序的方法
2020/06/21 PHP
Symfony2函数用法实例分析
2016/03/18 PHP
PHP 实现 WebSocket 协议原理与应用详解
2020/04/22 PHP
javascript IE中的DOM ready应用技巧
2008/07/23 Javascript
juqery 学习之四 筛选过滤
2010/11/30 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
json格式的时间显示为正常年月日的方法
2013/09/08 Javascript
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
js跨域问题浅析及解决方法优缺点对比
2014/11/08 Javascript
js实现鼠标感应图片展示的方法
2015/02/27 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
Angular4表单验证代码详解
2017/09/03 Javascript
使用原生js+canvas实现模拟心电图的实例
2017/09/20 Javascript
vue实现压缩图片预览并上传功能(promise封装)
2019/01/10 Javascript
layui实现左侧菜单点击右侧内容区显示
2019/07/26 Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
2019/10/10 jQuery
谈谈IntersectionObserver懒加载的具体使用
2019/10/15 Javascript
浅谈Python使用Bottle来提供一个简单的web服务
2017/12/27 Python
Django自定义全局403、404、500错误页面的示例代码
2020/03/08 Python
pandas之分组groupby()的使用整理与总结
2020/06/18 Python
基于python图书馆管理系统设计实例详解
2020/08/05 Python
施华洛世奇德国官网:SWAROVSKI德国
2017/02/01 全球购物
美国现代家具购物网站:LexMod
2019/01/09 全球购物
Linux面试经常问的文件系统操作命令
2016/10/04 面试题
计算机专业自我鉴定
2013/10/15 职场文书
初中生学习的自我评价
2013/11/14 职场文书
硕士研究生自我鉴定范文
2013/12/27 职场文书
商务经理岗位职责
2014/08/03 职场文书
中国梦演讲稿5分钟
2014/08/19 职场文书
2015年小学数学教研组工作总结
2015/05/21 职场文书
公司新员工欢迎词
2015/09/30 职场文书
2016年员工年度考核评语
2015/12/02 职场文书