<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> //正则.test(内容),返回true或false function t1(){ var con = document.getElementsByName('content')[0].value;//需要查找的内容 var reg = /hi/;//需要匹配的内容 var test = reg.test(con)//该函数的作用就是,从con中查找reg,如果能找到则返回true,否则返回false document.getElementById("writePlace1").innerHTML =test ; } //正则.exec(内容),返回匹配的内容 function t2(){ var con = document.getElementsByName('content')[0].value;//需要查找的内容 var reg =/\bhi\b/;//需要匹配的内容 var test = reg.exec(con)//该函数的作用就是,从con中找到reg,返回reg document.getElementById("writePlace2").innerHTML =test; } //内容.search(正则),返回匹配的起始位置(下标从0开始) function t3(){ var con = document.getElementsByName('content')[0].value;//需要查找的内容 var reg =/Lucy/;//需要匹配的内容 // var reg =Lucy //字符串 search 方法可使用字符串作为参数。字符串参数会转换为正则表达式 var test = con.search(reg) document.getElementById("writePlace3").innerHTML =test; } //内容.replace(正则,替换内容),返回匹配的起始位置(下标从0开始) function t4(){ var con = document.getElementsByName('content')[0].value;//需要查找的内容 var reg =/Lucy/;//需要匹配的内容 // var reg =Lucy //字符串 replace 方法可使用字符串作为参数。字符串参数会转换为正则表达式 var test = con.replace(reg,'ANN') document.getElementById("writePlace4").innerHTML =test; } </script> </head> <body> <textarea rows="5" cols="30" name="content">hi,Lucy!</textarea><br /> <button onclick="t1();">正则测试(test()方法)</button> <div id="writePlace1"></div> <button onclick="t2();">正则测试(exec()方法)</button> <div id="writePlace2"></div> <button onclick="t3();">正则测试(search() 方法 )</button> <div id="writePlace3"></div> <button onclick="t4();">正则测试(replace() 方法)</button> <div id="writePlace4"></div> </body> </html>
![](https://img2024.cnblogs.com/blog/35695/202408/35695-20240826070647288-243310440.jpg)