Backward Slash Repalcer 2

最新推荐文章于 2022-04-08 18:22:43 发布

原创最新推荐文章于 2022-04-08 18:22:43 发布 · 739 阅读

0 ·

CC 4.0 BY-SA版权

本文提供了一个简单的HTML页面示例，展示了如何使用JavaScript来替换文本中的反斜杠()为正斜杠(/)。通过获取文本框中的输入，并在按钮点击事件中触发替换操作，最终将结果展示在一个HTML元素中。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/xhtml/9999">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Backward Slash Repalcer</title>
<script type="text/javascript">
	window.onload=function(){		
		var btn = document.getElementById("btn");
		btn.onclick = function(){			
			var txt1 = document.getElementById("txt1");
			var txtTemp = txt1.value;			
			txtTemp = txtTemp.replace(/\\/g, "/");			
			var txt2 = document.getElementById("txt2");
			txt2.innerHTML = txtTemp;
		}		
	};	
</script>	
</head>
<body>	
	<input type="text" id="txt1" value=""/>
	<input type="submit" id="btn" value="submit"/>	
	<div id="txt2">HaHa</div>
</body>
</html>