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 相关文章推荐
Mootools 1.2 手风琴(Accordion)教程
Sep 15 Javascript
range 标准化之获取
Aug 28 Javascript
extJS中常用的4种Ajax异步提交方式
Mar 07 Javascript
详解javascript中的事件处理
Nov 06 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
详解使用vue实现tab 切换操作
Jul 03 Javascript
vue中页面跳转拦截器的实现方法
Aug 23 Javascript
JavaScript判断变量名是否存在数组中的实例
Dec 28 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
Sep 02 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
Nov 09 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
Feb 14 Javascript
Vue $emit()不能触发父组件方法的原因及解决
Jul 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
简单的cookie计数器实现源码
2013/06/07 PHP
PHP实现图片裁剪、添加水印效果代码
2014/10/01 PHP
如何让CI框架支持service层
2014/10/29 PHP
php中simplexml_load_file函数用法实例
2014/11/12 PHP
Zend Framework生成验证码并实现验证码验证功能(附demo源码下载)
2016/03/22 PHP
YII2框架中使用yii.js实现的post请求
2017/04/09 PHP
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
js 自制滚动条的小例子
2013/03/16 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
2013/04/24 Javascript
javascript处理a标签超链接默认事件的方法
2015/06/29 Javascript
JavaScript对Cookie进行读写操作实例
2015/07/25 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
RequireJS简易绘图程序开发
2016/10/28 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
2017/12/01 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
2019/06/25 Javascript
Element-UI中关于table表格的那些骚操作(小结)
2019/08/15 Javascript
[03:52]DOTA2英雄基础教程 酒仙
2013/12/23 DOTA
python字符串排序方法
2014/08/29 Python
python输出指定月份日历的方法
2015/04/23 Python
python3 pandas 读取MySQL数据和插入的实例
2018/04/20 Python
Python分割指定页数的pdf文件方法
2018/10/26 Python
python调用staf自动化框架的方法
2018/12/26 Python
Python函数必须先定义,后调用说明(函数调用函数例外)
2020/06/02 Python
巴西女装购物网站:Eclectic
2018/04/24 全球购物
极度干燥澳大利亚官方网站:Superdry澳大利亚
2019/03/28 全球购物
年度献血先进个人事迹材料
2014/02/14 职场文书
出国留学经济担保书
2014/04/01 职场文书
开展读书活动总结
2014/06/30 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
公安纪律作风整顿剖析材料
2014/10/10 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
教你怎么用python selenium实现自动化测试
2021/05/27 Python