JS实现百度贴吧黄反词检索[简略版]

Myth丶恋晨 2022-04-13 15:20 62阅读 0赞

**首先,先上样例展示:**  
![在这里插入图片描述][20181130190548267.gif]  
**代码展示:**

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript">
    			window.onload=function(){
    				 var text=document.getElementById("text");
    				 var textarea=document.getElementById("textarea");
    				document.getElementById("btn").onclick=function(){
    					//alert("1");
    					/*var c=0;*/
    					
    					var array=["坏蛋","杀人","校园暴力","小猪"];
    					var msg = "";
    					var titleHasNoContent = false;
    					var contentHasNoContent = false;
    					for(x in array){
    						/*c++;*/
    						var a=text.value.indexOf(array[x]);
    						if(a>=0){
    							msg += "禁止发布\n标题中含有违禁词汇["+
    							array[x]
    							+"]\n";
    							titleHasNoContent = true;
    						}
    					}
    					
    					for(x in array)
    					{
    						var b=textarea.value.indexOf(array[x]);
    						if(b>=0)
    						{
    							msg += "内容中含有违禁词汇["+
    							array[x]
    							+"]\n请从新编辑!"
    							contentHasNoContent = true;
    						}
    					}
    					
    					if(titleHasNoContent||contentHasNoContent)
    					{
    						alert(msg);
    						return;
    					}
    					else
    					{
    						text.value="";
    					    textarea.value="";
    					    alert("发布成功!");
    					}		
    				
    			    };
    			    };
    		</script>
    		
    		<style type="text/css">
    			body{
    				background-size: 100% 135%;
    				
    				background-image:url("https://ss0.bdstatic.com/l4oZeXSm1A5BphGlnYG/skin/27.jpg?2");
    			}
    			div{
    				width: 505px;
    				height: 401px;
    				margin: 200px auto;
    				background-color:rgba(255,255,255,0.5);
    				border: 1px solid white;
    				border-radius: 5px;
    				box-shadow: 0 0 1px black;
    			}
    			#btn{
    				position: relative;
    				left:229px;
    			}
    		</style>
    	</head>
    	<body>
    		<div >
    			<h1 align="center">个人贴吧</h1>
    	
    		<input placeholder="请输入标题" type="text" name="" id="text" value="" style="width: 500px; margin-bottom: 10px;"/><br />
    		<textarea placeholder="请输入内容......." name="" id="textarea" style="width: 500px; height: 250px;"></textarea>
    		<br />
    		<button id="btn" a>发布</button>
    			</div>
    	</body>
    </html>

[20181130190548267.gif]: /images/20220413/3f3173bd8be04ff28026f6f1709fa8e4.png