JavaScript 实现内容查找与替换

最新推荐文章于 2024-08-07 16:01:44 发布

着执的变不

最新推荐文章于 2024-08-07 16:01:44 发布

阅读量2k

点赞数 2

文章标签： HTML JavaScript 正则表达式文本过滤内容替换

本文链接：https://blog.csdn.net/qq_62113366/article/details/125348732

版权

代码实现思路：
① 编写HTML，定义两个文本域，一个用于用户输入，另一个用于显示按照要求
替换后的过滤内容。
② 用户输入只要含有bad和任意中文字符，就利用 * 替换。
③ 查找并替换的内容规则：/(bad)|[u4e00-lu9fa5]/gi。

话不多说上代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">	
			#t1,#t2{
				border: 1px solid;
				width: 400px;
				height: 200px;
				font-size: 20px;
			} 
			
			div{
				position: relative;
				float: left;
			}
                
            #pass{
            	border: 1px solid;
            	margin: 250px 50px 0px 50px;
            }    
			
		</style>
	</head>
	<body>
		<div>			
		<h2>过滤前的内容</h1>
		<textarea id="t1"></textarea>		
		</div>
		
		<div><input type="button" value="过滤" id="pass"/>	</div>		
		
		<div>
			<h2>过滤后的内容</h1>
			<textarea id="t2"></textarea>
		</div>

		<script type="text/javascript">
			var t1=document.getElementById("t1");
			var t2=document.getElementById("t2");
			var pass=document.getElementById("pass");
			pass.onclick=function(){
				var reg=/(bad)|[\u4e00-\u9fa5]/gi;
				var ttt1=t1.value;
				var newtt2=ttt1.replace(reg,"*");
				t2.innerHTML=newtt2;				
			}
		</script>
	</body>
</html>

运行展示

着执的变不

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
JavaScript 实现内容查找与替换

代码实现思路：① 编写HTML，定义两个文本域，一个用于用户输入，另一个用于显示按照要求替换后的过滤内容。② 用户输入只要含有bad和任意中文字符，就利用 * 替换。③ 查找并替换的内容规则：/(bad)|[u4e00-lu9fa5]/gi。话不多说上代码运行展示...
复制链接

扫一扫