正则表达式test()和exec()、 search() 和 replace()用法实例

最新推荐文章于 2020-05-19 15:24:58 发布

CWW2016

最新推荐文章于 2020-05-19 15:24:58 发布

阅读量223

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qiu-Ann/p/7452477.html

版权

<!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>