JavaScript练习题目（2）文本域内的字符串反转

钟超

于 2011-11-15 23:34:50 发布

阅读量2.6k

点赞数

分类专栏： Web - JS/CSS 文章标签： javascript input button string html

本文链接：https://blog.youkuaiyun.com/Poechant/article/details/6975229

版权

Web - JS/CSS 专栏收录该内容

8 篇文章

订阅专栏

本博客展示了如何使用JavaScript编写一个简单的函数，将输入的字符串反转，并将其设置为预定义的值'哈哈'。通过这个示例，读者可以学习到如何操作字符串以及JavaScript的基本事件处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>My First Script</title>
<script type="text/javascript">
function test() {
	var text_string = document.getElementById("input_text").value;
	var result = text_string.split("").reverse().join("");
	document.getElementById("result").innerHTML = result;
}
</script>
</head>
<body>
<form>
	<label>输入</label><input id="input_text" type="text" value="默认值" />
	<input type="button" value="设置为'哈哈'" οnclick="test();" />
	<div id="result"></div>
</form>
</body>
</html>