使用js的replace()方法查找字符示例代码

 更新时间:2013年10月28日 17:51:43   作者:  
JavaScript具有一个非常有用的方法replace(),可以用它利用备选字符集途欢指定的字符,下面有个不错的示例,大家可以尝试操作下
通常用于文本输入框的一种功能是替换指定的字符。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严格模式(Strict Mode)

    深入理解javascript严格模式(Strict Mode)

    Strict mode是JavaScript1.8.5引进的技术,但还没有浏览器确实可靠的实现了严格模式,所以使用时要小心并且多测试。Strict mode可以应用于整个脚本,也可以适合于单个函数。
    2014-11-11
  • 详解JSONObject和JSONArray区别及基本用法

    详解JSONObject和JSONArray区别及基本用法

    这篇文章主要介绍了详解JSONObject和JSONArray区别及基本用法,需要的朋友可以参考下
    2017-10-10
  • js 右侧浮动层效果实现代码(跟随滚动)

    js 右侧浮动层效果实现代码(跟随滚动)

    因为项目上有这样的需求,在网上也查了些东西,之前是想找个差不多类似的套用一下。后来发觉没有合适的,因时间紧迫就自己动手写了一个简单的 ,示例代码如下 兼容火狐和IE7+
    2015-11-11
  • 前端使用crypto.js进行加密的函数代码

    前端使用crypto.js进行加密的函数代码

    最近在使用Cookies加密保存数据的时候,接触到crypto,使用还算简单,在这里记录一下
    2020-08-08
  • Javascript技术栈中的四种依赖注入详解

    Javascript技术栈中的四种依赖注入详解

    这篇文章主要为大家详细介绍了Javascript技术栈中的四种依赖注入,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • js实现方块上下左右移动效果

    js实现方块上下左右移动效果

    这篇文章主要为大家详细介绍了js实现方块上下左右移动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • webpack中的代理配置详解

    webpack中的代理配置详解

    本文主要介绍了webpack中的代理配置详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • JavaScript中作用域链的概念及用途讲解

    JavaScript中作用域链的概念及用途讲解

    这篇文章主要介绍了JavaScript中作用域链的概念及用途讲解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 微信小程序实现文件、图片上传功能

    微信小程序实现文件、图片上传功能

    这篇文章主要为大家详细介绍了微信小程序实现文件、图片上传功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • 小程序实现五星点评效果

    小程序实现五星点评效果

    这篇文章主要为大家详细介绍了小程序实现五星点评效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11

最新评论