全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

JavaScript 过滤关键字

效果图:

话不多说,请看代码:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
 em { font-size: 16px; color: red; }
 </style>
</head>
<body>
 <p id="cont">JavaScript过滤关键字的方法JavaScript过滤关键字的方法</p>
 <script>
 //================================= 可用状态代码 =====================================
// var arr = ['Java','关键字', '方法'],
// arrText = arr.join('|'),
// var params = document.querySelector('#cont');
//
// // 替换关键字
// params.innerHTML = params.innerHTML.replace(new RegExp(arrText, "ig"), "<em>$&</em>");
// var arr = [];
// console.log(arr);

//================================= 修改后的代码 =====================================
 /**
 * 过滤关键字
 * @param keyArr 需要过滤的关键字数组
 * @param ele 过滤的节点
 */
 function filterContent(keyArr, ele) {
 /**
 * 一个程序的标准准则
 * 1. 可用, 可以实现核心的需求
 * 2. 健壮, 兼容性处理, 边界处理, 异常处理, 用户输入校验
 * 3. 可靠, 任何时候都要有返回值
 * 4. 宽容, 对需求宽容, 对调用着宽容, 对维护者宽容
 * 5. 精益求精, 可靠的注释...
 */
 try {
 // 检测是否为 undefined 或者为一个数组,或者数组长度是否大于 1, 这里的返回 -1 只是为了有返回值, 也可以不写
 if (keyArr === 'undefined' || !(keyArr instanceof Array) || keyArr.length < 1) return -1;
 // 将数组里面的元素以 | 进行合并方便进行正则比较, 如 张三|李四
 var arrTxt = keyArr.join('|'),
  regObj = new RegExp(arrTxt, 'ig');
 // 替换关键字
 ele.innerHTML = ele.innerHTML.replace(regObj, "<em>$&</em>");
 } catch (e) {
 console.log('出错啦~' + e);
 }

 }
 // 调用
 var arr = ['Java','关键字', '方法'];
 var params = document.querySelector('#cont');
 filterContent(arr, params);
 </script>
</body>
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!


# javascript关键字  # 关键字过滤  # JS使用正则表达式实现关键字替换加粗功能示例  # 关键字空格替换为逗号的js代码  # angularjs实现过滤并替换关键字小功能  # 返回值  # 要有  # 可以实现  # 多说  # 精益求精  # 不写  # 用着  # 素以  # 李四  # UTF  # charset  # font  # em  # Title 


相关文章: 如何在Ubuntu系统下快速搭建WordPress个人网站?  油猴 教程,油猴搜脚本为什么会网页无法显示?  如何通过虚拟主机快速搭建个人网站?  如何在万网自助建站平台快速创建网站?  测试制作网站有哪些,测试性取向的权威测试或者网站?  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?  网站制作说明怎么写,简述网页设计的流程并说明原因?  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片?  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  建站主机选哪家性价比最高?  建站主机SSH密钥生成步骤及常见问题解答?  建设网站制作价格,怎样建立自己的公司网站?  盘锦网站制作公司,盘锦大洼有多少5G网站?  猪八戒网站制作视频,开发一个猪八戒网站,大约需要多少?或者自己请程序员,需要什么程序员,多少程序员能完成?  如何通过FTP服务器快速搭建网站?  北京网页设计制作网站有哪些,继续教育自动播放怎么设置?  如何在万网ECS上快速搭建专属网站?  Java解压缩zip - 解压缩多个文件或文件夹实例  高防服务器:AI智能防御DDoS攻击与数据安全保障  如何通过VPS建站无需域名直接访问?  香港服务器WordPress建站指南:SEO优化与高效部署策略  定制建站哪家更专业可靠?推荐榜单揭晓  如何通过商城免费建站系统源码自定义网站主题?  Python lxml的etree和ElementTree有什么区别  阿里云网站制作公司,阿里云快速搭建网站好用吗?  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  如何彻底删除建站之星生成的Banner?  jQuery 常见小例汇总  如何选择高效稳定的ISP建站解决方案?  如何将凡科建站内容保存为本地文件?  网站好制作吗知乎,网站开发好学吗?有什么技巧?  网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?  个人摄影网站制作流程,摄影爱好者都去什么网站?  建站之星如何实现网站加密操作?  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  黑客如何利用漏洞与弱口令入侵网站服务器?  网站建设设计制作营销公司南阳,如何策划设计和建设网站?  建站之星代理如何获取技术支持?  太原网站制作公司有哪些,网约车营运证查询官网?  如何通过西部数码建站助手快速创建专业网站?  php json中文编码为null的解决办法  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站,我要发表小说?  高端网站建设与定制开发一站式解决方案 中企动力  公司网站的制作公司,企业网站制作基本流程有哪些?  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?  如何配置支付宝与微信支付功能?  视频网站制作教程,怎么样制作优酷网的小视频?  清除minerd进程的简单方法  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样?  c++怎么用jemalloc c++替换默认内存分配器【性能】 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。