JavaScript实现冒泡排序

代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>黄小齐前端博客-冒泡排序</title>
	<style type="text/css">
		#inputtext{width: 200px;}
		#btn{width: 50px;}
	</style>
	<script src="JQuery/jquery-1.6.2.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$("#btn").click(function(){
				var str = $("#inputtext").val();
				var arr  = str.split(",");
				for (var i = 0; i < arr.length-1; i++) {
					for (var j=i+1;j<arr.length;j++){
						if (arr[i]>arr[j])
						{
							var temp = arr[i];
							arr[i] = arr[j];
							arr[j] = temp;
						}
					};
				};
			document.getElementById("outputtext").innerHTML = arr.toString();
			});
		});
	</script>
</head>
<body>
	<input id="inputtext" type="text"></input>
	<input id="btn" type="button" value="排序"></input>
	<p id="outputtext">结果</p>
</body>
</html>

本文标题:JavaScript实现冒泡排序

文章作者:xiaoqi

发布时间:2017-02-02, 21:03:05

最后更新:2017-02-02, 21:07:22

原始链接:http://m.xiaoqi888.cn/2017/02/02/xq6.html/

许可协议: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

文章目录