码迷,mamicode.com
首页 > Web开发 > 详细

js入门5-字符的查询与过滤 加上使用正则表达式

时间:2017-06-07 21:01:40      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:result   字符   log   分享   alt   onclick   replace   技术   length   

<h2>5.String对象:字符的查找与过滤</h2>
            <input type="text" id="txtString"/><br/>
            <input type="button" value="过滤特殊字符(js)" onclick="searchStringAndReplace();"/>
    //查找并替换文本框中录入的自字符串js为*
function searchStringAndReplace(){
    var str = document.getElementById("txtString").value;
    var index = str.indexOf("js",0);
    while(index>-1){
        str = str.replace("js","*");
        index = str.indexOf("js",index+1);
    }
    document.getElementById("txtString").value = str;
}

技术分享

 

    <input type="button" value="查找字符并过滤(使用正则表达式)" onclick="stringByRegex();"/>
 //使用正则表达式操作文本
function stringByRegex(){
    var str = document.getElementById("txtString").value;
    var result = str.match(/js/gi);
    document.getElementById("txtString").value = str.replace(/js/gi,"*");
    alert("共替换了"+result.length+"处");
}

技术分享

 

js入门5-字符的查询与过滤 加上使用正则表达式

标签:result   字符   log   分享   alt   onclick   replace   技术   length   

原文地址:http://www.cnblogs.com/ls00/p/6958707.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!