使用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 相关文章推荐
JQuery打造PHP的AJAX表单提交实例
Nov 03 Javascript
JS获取IP、MAC和主机名的五种方法
Nov 14 Javascript
详解jQuery插件开发中的extend方法
Nov 19 Javascript
js弹出层永远居中实现思路及代码
Nov 29 Javascript
JS代码实现根据时间变换页面背景效果
Jun 16 Javascript
js实现多图左右切换功能
Aug 04 Javascript
提高Web性能的前端优化技巧总结
Feb 27 Javascript
JavaScript中的普通函数和箭头函数的区别和用法详解
Mar 21 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
Oct 24 Javascript
浅谈 Vue 项目优化的方法
Dec 16 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
Aug 20 Javascript
微信小程序 自定义弹窗实现过程(附代码)
Dec 05 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
基于curl数据采集之单页面采集函数get_html的使用
2013/04/28 PHP
浅谈PHP变量作用域以及地址引用问题
2013/12/27 PHP
php简单判断两个字符串是否相等的方法
2015/07/13 PHP
PHP+Apache环境中如何隐藏Apache版本
2017/11/24 PHP
JavaScript 对象、函数和继承
2009/07/07 Javascript
JavaScript 三种创建对象的方法
2009/10/16 Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
2010/12/02 Javascript
JS获取页面input控件中所有text控件并追加样式属性
2013/02/25 Javascript
用js闭包的方法实现多点标注冒泡示例
2014/05/29 Javascript
JS实现进入页面时渐变背景色的方法
2015/02/25 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
基于原生js运动方式关键点的总结(推荐)
2017/10/01 Javascript
angular 数据绑定之[]和{{}}的区别
2018/09/25 Javascript
layui switch 开关监听 弹出确定状态转换的例子
2019/09/21 Javascript
微信小程序实现页面监听自定义组件的触发事件
2020/11/01 Javascript
Python 文件管理实例详解
2015/11/10 Python
Python出现segfault错误解决方法
2016/04/16 Python
Python 如何访问外围作用域中的变量
2016/09/11 Python
对命令行模式与python交互模式介绍
2018/05/12 Python
Python通过paramiko远程下载Linux服务器上的文件实例
2018/12/27 Python
django之使用celery-把耗时程序放到celery里面执行的方法
2019/07/12 Python
python requests使用socks5的例子
2019/07/25 Python
基于Python的微信机器人开发 微信登录和获取好友列表实现解析
2019/08/21 Python
python新手学习可变和不可变对象
2020/06/11 Python
html5 css3 动态气泡按钮实例演示
2012/12/02 HTML / CSS
HTML5实现锚点时请使用id取代name
2013/09/06 HTML / CSS
Lacoste澳大利亚官网:服装、鞋类及配饰
2018/11/14 全球购物
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
奥地利智能家居和智能生活网上商店:tink.at
2019/10/07 全球购物
国贸专业个人求职信分享
2013/12/04 职场文书
秘书专业自荐信范文
2013/12/26 职场文书
护理个人求职信范文
2014/01/08 职场文书
表扬稿表扬信的格式及范文
2019/06/24 职场文书
浅谈Python列表嵌套字典转化的问题
2021/04/07 Python
详解Python中下划线的5种含义
2021/07/15 Python
Nginx location 和 proxy_pass路径配置问题小结
2021/09/04 Servers