huanggr
妙味课堂_如何使用js屏蔽垃圾评论_源码下载
在妙味课堂学习了一段时间的js后，今天呢，给大家带来一个《妙味课堂_如何使用js屏蔽垃圾评论》，在有些时候的开发中，有的会涉及到聊天对话交流，例如百度贴吧，这样就会有一个问题，就是会有人不文明的发言，那么我们如何使用js屏蔽垃圾评论呢？这里主要就会用到js来屏蔽垃圾评论，如果双保险的话，后台也可以去判断一下。
妙味课堂_如何使用js屏蔽垃圾评论_源码一览
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 | <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>妙味课堂_如何使用js屏蔽垃圾评论_源码下载</title> <style type='text/css'> * { padding: 0; margin: 0; } body { background-color: #333; font-family: 'Microsoft Yahei'; } input { position: relative; width: 60%; height: 30px; margin-top: 30px; background-color: #fff; margin-left: 13%; } input { position: relative; width: 15%; background: #F3F3F3; border: 1px solid #DCDCDC; border-radius: 5px; height: 36px; cursor: pointer; transition: .3s; } input:hover { background: #636363; color: #fff; } #box { position: relative; width: 50%; height: 300px; margin: 10% auto 0; padding: 10px; background-color: #fff; } </style> </head> <body> <div id=box></div> <input type='text' id='tex'> <input id='sub' value="提交" type="submit"> <script> //妙味课堂_如何使用js屏蔽垃圾评论_源码下载 var sub = document.getElementById('sub') var oBox = document.getElementById('box') var reg = /垃圾|你大爷|日|sb|cao|草|250/ sub.onclick = function () { var oVal = document.getElementById('tex').value var oP = document.createElement('p'); var month = new Date().getMonth() + 1; var date = new Date().getDate(); var hour = new Date().getHours(); var minute = new Date().getMinutes(); var seconds = new Date().getSeconds(); oBox.appendChild(oP); oVal = oVal.replace(reg, function ($0) { var r = '' for (i = 0; i < $0.length; i++) { r += '*' } return r; }) //妙味课堂_如何使用js屏蔽垃圾评论_源码下载 oP.innerHTML += month + '/' + date + ' ' + hour + ':' + minute + ':' + seconds + ' : ' + oVal; document.getElementById('tex').value = ' '; } </script> </body> </html> |
如何使用js屏蔽垃圾评论核心知识点-正则表达式
我们理一下思路，就是对一些特定的字符进行一次过滤，这里我们使用js屏蔽垃圾评论,其本质就是替换。源码如下
7