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:new 一个函数和直接调用函数的区别分析
Jul 10 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
Jun 05 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
Mar 13 Javascript
js 获取范围内的随机数实例代码
Aug 02 Javascript
jquery插件锦集【推荐】
Dec 16 Javascript
Angular的自定义指令以及实例
Dec 26 Javascript
JavaScript模块模式实例详解
Oct 25 Javascript
vue实现消息的无缝滚动效果的示例代码
Dec 05 Javascript
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
bootstrap datepicker的基本使用教程
Jul 09 Javascript
在antd Table中插入可编辑的单元格实例
Oct 28 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
IIS6.0+PHP5.x+MySQL5.x+Zend3.0x+GD+phpMyAdmin2.8x通用安装实例(已经完成)
2006/12/06 PHP
php 生成文字png图片的代码
2011/04/17 PHP
基于empty函数的输出详解
2013/06/17 PHP
PHP获取数组最后一个值的2种方法
2015/01/21 PHP
yii2中添加验证码的实现方法
2016/01/09 PHP
js对象与打印对象分析比较
2013/04/23 Javascript
jquery动态增加text元素以及删除文本内容实例代码
2013/07/01 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
javascript限制用户只能输汉字中文的方法
2014/11/20 Javascript
JS设置cookie、读取cookie、删除cookie
2015/04/17 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
2015/05/09 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
node前端模板引擎Jade之标签的基本写法
2018/05/11 Javascript
ndm:NPM的桌面GUI应用程序
2018/10/15 Javascript
JavaScript遍历数组和对象的元素简单操作示例
2019/07/09 Javascript
vue中注册自定义的全局js方法
2019/11/15 Javascript
js页面加载后执行的几种方式小结
2020/01/30 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
Django集成百度富文本编辑器uEditor攻略
2014/07/04 Python
Python-while 计算100以内奇数和的方法
2019/06/11 Python
在django admin中添加自定义视图的例子
2019/07/26 Python
python爬虫开发之selenium模块详细使用方法与实例全解
2020/03/09 Python
Python如何获取文件指定行的内容
2020/05/27 Python
scrapy-redis分布式爬虫的搭建过程(理论篇)
2020/09/29 Python
CSS3文本换行word-wrap解决英文文本超过固定宽度不换行
2013/10/10 HTML / CSS
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
毕业生就业推荐信范文
2013/12/01 职场文书
企业法人代表证明书
2014/09/27 职场文书
机关干部三严三实心得体会
2014/10/13 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
学校光盘行动倡议书
2015/04/28 职场文书
幼儿园庆六一主持词
2015/06/30 职场文书
小学庆六一主持词
2015/06/30 职场文书
消防安全培训工作总结
2015/10/23 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书
如何通过一篇文章了解Python中的生成器
2022/04/02 Python