String对象与正则表达式实现匹配、查找和替换功能

最新推荐文章于 2023-06-25 09:31:04 发布

原创最新推荐文章于 2023-06-25 09:31:04 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式 #string #查找 #替换

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文提供了一个JavaScript示例，展示了如何在网页上实现文本查找与替换的功能。通过简单的按钮交互即可完成对文本区域内的指定字符串进行查找及替换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<script type="text/javascript">
function findText(){//查找
   var text = document.getElementById("wordtext").value;
   var findText = document.getElementById("find").value;
   var reg = eval("/"+findText+"/ig");//eval()方法把字符串转成正则表达式
   var resultArray = text.match(reg);//接收匹配的结果
   alert(resultArray);
}
function replaceText(){//替换
   var text = document.getElementById("wordtext").value;
   var findText = document.getElementById("find").value;
   var replaceText = document.getElementById("replace").value;
   var reg = eval("/"+findText+"/ig");//eval()方法把字符串转成正则表达式
   text = text.replace(reg,replaceText);
   alert(text);
}
</script>
</head>
<body>

<textarea name="wordtext" id="wordtext" cols="75" rows="10">
JavaScript 是属于网络的脚本语言！
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies
JavaScript 是因特网上最流行的脚本语言。
JavaScript 很容易使用！你一定会喜欢它的！

</textarea><br/>

<input type="button" value="find" onclick="findText()"/><input type="text"

id="find"/><br/>

<input type="button" value="replace" onclick="replaceText()"/><input type="text"

id="replace"/>

</body>
</html>