replace用法案例

最新推荐文章于 2022-12-07 07:00:00 发布

强哥blog

最新推荐文章于 2022-12-07 07:00:00 发布

阅读量406

点赞数

分类专栏： JavaScript 正则表达式

本文链接：https://blog.csdn.net/qq_36263601/article/details/73189075

版权

JavaScript 同时被 2 个专栏收录

34 篇文章 0 订阅

订阅专栏

正则表达式

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
</body>
</html>
<script>

    //    关键字变色
    //    大家在一些网站上搜索文章的时候，会发现这么一个现象，就是搜索的关键字会高亮改变颜色显示出来？？
    //    这是怎么实现的呢？？
    //    其实我们可以用正则表达式来实现，具体怎么样实现呢？简单的原理请看下面的代码：


    //第1种方法：基于特殊字符$
    document.write("replace使用场景第一种实现 - 特殊字符 - 关键字变色:"+"<br />");
    var myString="心暖未晴的博客";
    myString=myString.replace(/(暖)/g,"<font color=red>$1</font>");
    document.write(myString+"<br />");



    //第2种方法：基于函数
    document.write("replace使用场景第2种实现 - 牛逼的函数  - 关键字变色:"+"<br />");

    function test(str){
        return "<font color='red'>"+str+"</font>"
    }

    myString="心暖未晴的博客";
    myString=myString.replace(/(暖)/g,test);
    document.write(myString);

</script>

强哥blog

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
replace用法案例

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body></html><script> // 关键字变色 // 大家在一些网站上搜索文章的时候，会发现这么一个现象，就是搜索的关键字会高亮改变颜色显示出来？？
复制链接

扫一扫

专栏目录