HTML+JS写一个字符串替换工具

最新推荐文章于 2025-04-29 09:48:22 发布

coych

最新推荐文章于 2025-04-29 09:48:22 发布

阅读量402

点赞数

文章标签： HTML JavaScript 字符串替换前端开发正则表达式

本文链接：https://blog.youkuaiyun.com/qq_45808279/article/details/113098550

版权

在一个网上发现的这个，就做了一下，使用HTML+JS实现的

在这里插入图片描述
就是一个可以替换字符的一个功能
代码放下面啦

<!DOCTYPE html>
<html>
	<head>
		<title>字符串替换</title>
		<script type="text/javascript">
			function tihuan(){
				var num1=document.getElementById("num1").value;
				var num2=document.getElementById("num2").value;
				var num = document.getElementById("num").value;
				num=num.toString();
				num1=num1.toString();
				num2=num2.toString();
				var regS = new RegExp(num1,"g");
				var result = num.replace(regS, num2);
				result=result.toString();
				document.getElementById("result").value=result;
			}
		</script>
	</head>
	<body>
		<table>
			<tr>
				<td>源字符串</td>
				<td><input type="text" id="num" /></td>
			</tr>
			<tr>
				<td>查询</td>
				<td><input type="text" id="num1" /></td>
			</tr>
			<tr>
				<td>替换为</td>
				<td><input type="text" id="num2" /></td>
			</tr>
			<tr>
				<td>替换结果</td>
				<td><input type="text" id="result" /></td>
			</tr>
			<tr>
				<td colspan="2"><input type="button" value="替换" onclick="tihuan()" /></td>
			</tr>
		</table>
	</body>
</html>

效果：

在这里插入图片描述