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 写类方式之六
Jul 05 Javascript
jQuery.fn和jQuery.prototype区别介绍
Oct 05 Javascript
JS 日期比较大小的简单实例
Jan 13 Javascript
javascript面向对象特性代码实例
Jun 12 Javascript
js实现瀑布流的三种方式比较
Jun 28 Javascript
JavaScript基础教程——入门必看篇
May 20 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
Sep 24 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
Element input树型下拉框的实现代码
Dec 21 Javascript
微信小程序开发技巧汇总
Jul 15 Javascript
JSONP 的原理、理解 与 实例分析
May 16 Javascript
基于Cesium绘制抛物弧线
Nov 18 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
用php获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
深入eAccelerator与memcached的区别详解
2013/06/06 PHP
简单的cookie计数器实现源码
2013/06/07 PHP
php常用Output和ptions/Info函数集介绍
2013/06/19 PHP
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
PHP函数http_build_query使用详解
2014/08/20 PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
2020/07/21 PHP
JS代码优化技巧之通俗版(减少js体积)
2011/12/23 Javascript
checkbox勾选判断代码分析
2014/06/11 Javascript
用js编写的简单的计算器代码程序
2015/08/04 Javascript
快速掌握Node.js模块封装及使用
2016/03/21 Javascript
Javascript 实现放大镜效果实例详解
2016/12/03 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
微信小程序中input标签详解及简单实例
2017/05/18 Javascript
使用npm安装最新版本nodejs
2018/01/18 NodeJs
babel的使用及安装配置教程
2018/02/22 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
windows系统下Python环境搭建教程
2017/03/28 Python
利用numpy+matplotlib绘图的基本操作教程
2017/05/03 Python
Python assert关键字原理及实例解析
2019/12/13 Python
HTML5 3D衣服摇摆动画特效
2016/03/17 HTML / CSS
ZINVO手表官网:男士和女士手表
2019/03/10 全球购物
在加拿大在线租赁和购买电子游戏:Game Access
2019/09/02 全球购物
医学生实习自荐信
2013/10/01 职场文书
后勤部长岗位职责
2013/12/14 职场文书
创业计划书——互联网商机
2014/01/12 职场文书
建筑工程毕业生自我鉴定
2014/01/14 职场文书
乡镇信息公开实施方案
2014/03/23 职场文书
期中考试反思800字
2014/05/01 职场文书
环保口号大全
2014/06/12 职场文书
2016教师六五普法学习心得体会
2016/01/21 职场文书
Python进阶学习之带你探寻Python类的鼻祖-元类
2021/05/08 Python
MySQL 语句执行顺序举例解析
2022/06/05 MySQL