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

2019-11-20 21:50:04

字体：大中小

来源：转载

供稿：网友

通常用于文本输入框的一种功能是替换指定的字符。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/

上一篇：js如何判断不同系统的浏览器类型

下一篇：js中的replace方法使用介绍