对文本内容进行关键词过滤

最新推荐文章于 2022-07-06 21:30:00 发布

原创最新推荐文章于 2022-07-06 21:30:00 发布 · 8.1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#前端

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用JavaScript创建关键词词库，并进行关联性匹配，实现文本内容的过滤和替换操作。

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

网络中的信息有一些是有害的，因此我们经常需要对网络信息进行屏蔽或过滤。过滤信息一般有禁止输入、信息替换（如用“*”替换）、直接删除等方式。这些信息过滤业务的处理一般在后台完成，如果将其转移到前端来完成，就可以降低后台的压力。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对文本内容进行关键词过滤</title>
</head>
<body>
    <h2>对文本内容进行关键词过滤</h2>
    <textarea id='keyWordsFiltering' rows="10" cols="50">
关键词过滤：上苍赋予了人生命，来到这个世界，就应该好好活着，并且活出意义，活出价值。要想活得好，活得有价值，就该为自己找个活着的理由，选择一条相对比较好的路子，敢于应对各种挑战，善于拿起失败的绳子去继续攀爬，直到可以达到的高度，哪怕是摔得粉身碎骨也在所不辞，也觉得有意义。
    </textarea>
    获取焦点执行过滤
    <script type="text/javascript">
        window.onload = function(){
            var _keyWordsFiltering = document.getElementById("keyWordsFiltering");
            _keyWordsFiltering.onclick = function(){
                var 
                    keyWordsLibs = [
                        "路子",
                        "攀爬"
                    ],
                    keyWordsLibsLen = keyWordsLibs.length; //关键词长度
                    for(var i = 0; i<keyWordsLibsLen;i++){
                        //正则过滤
                        _keyWordsFiltering.value = _keyWordsFiltering.value.replace(keyWordsLibs[i],"***")
                    }
            }
        };
    </script>
</body>
</html>