当前位置:u赢电竞手机版 > u赢电竞竞猜app > javascript实现全局匹配并替换的方法u赢电竞竞猜

javascript实现全局匹配并替换的方法u赢电竞竞猜

文章作者:u赢电竞竞猜app 上传时间:2019-07-17

本文实例讲述了javascript实现简单查找与替换的方法。分享给大家供大家参考。具体实现方法如下:

在javascript替换字符串使用的是replace函数,但在实际使用过程中却发现该函数只会替换被匹配的第一个字符,这就让人很不爽了,在php语言中,replace可是实现全局匹配并替换的。没办法,仔细研究了下,发现还是有其他办法实现全局匹配并替换的。

<html>
<head>
<title>中国风</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="JavaScript">
var oldStr;
var newStr;
function searchText(str){
  // 创建TextRange对象,指定为整个body区域
  var myText = document.body.createTextRange();
  if(myText.findText(str)){
    myText.select();
    // 如果找到目标文本,则将其选中
  }else{
    alert("没有找到匹配的字符!");
  }
}
function getTheText(){
  oldStr = prompt("输入要查找的内容","");
  // 获取用户要查找的内容
  if(oldStr!=null){
  // 如果内容不为空,则执行查找
    searchText(oldStr);
  }
}
function replaceText(){
  if(oldStr==null){
    alert("请先进行查找要替换的内容!");
  }else{
    newStr = prompt("替换为","");
    if(newStr!=null){
    // 新文本内容不为空,则替换选中的文本
      var selectText = document.selection.createRange();
      // 选中的文本
      selectText.text = newStr;
      // 替换选中的文本为新文本
    }else{
      alert("请输入替换的内容!");
    }
  }
}
</script>
<body>
<input type="button" value="查找" onclick="getTheText()">
<input type="button" value="替换" onclick="replaceText()">
<pre id="pre">
石壕吏

暮投石壕村,有吏夜捉人。
老翁逾墙走,老妇出门看。
吏呼一何怒!妇啼一何苦!
听妇前致词:三男邺城戍(shù)。
一男附书至,二男新战死。
存者且偷生,死者长已矣!
室中更无人,惟有乳下孙。
有孙母未去,出入无完裙。
老妪力虽衰,请从吏夜归。
急应河阳役,犹得备晨炊。
夜久语声绝,如闻泣幽咽(yè)。
天明登前途,独与老翁别。
</pre>
</body>
</html>

(1)其实replace本身也可以实现这种功能的,但要通过正则的形式加个参数g,例如:

希望本文所述对大家的javascript程序设计有所帮助。

复制代码 代码如下:

您可能感兴趣的文章:

  • 使用indexOf等在JavaScript的数组中进行元素查找和替换
  • JavaScript实现添加、查找、删除元素
  • javascript折半查找详解
  • javascript基础之查找元素的详细介绍(访问节点)
  • javascript 折半查找字符在数组中的位置(有序列表)
  • javascript下查找父节点的简单方法
  • u赢电竞竞猜app,javascript实现全局匹配并替换的方法
  • JavaScript使用replace函数替换字符串的方法
  • JavaScript字符串插入、删除、替换函数使用示例

str.replace(/www.baidu.com/g,'www.jb51.net');

或者:

复制代码 代码如下:

str.replace(new RegExp('www.baidu.com','gm'),'www.jb51.net');

将 str 字符中的 www.baidu.com 全部替换为 www.jb51.net

本文由u赢电竞手机版发布于u赢电竞竞猜app,转载请注明出处:javascript实现全局匹配并替换的方法u赢电竞竞猜

关键词: