用js做冒泡排序
2008-10-07 13:13
197 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<h3>//Javascript DubbleSort Demo</h3>
<hr>
请输入排序序列:<input type=text id=source><input type=button value=排序 id=order>(输入序列请用半角逗号隔开)
<script language="javascript">
//code by douguoqiang1980@163.com
document.getElementById("order").onclick=function(){
var xPoint = screen.width/4;
var yPoint = screen.height/4;
var i,j,k,t
var str = document.getElementById("source").value;
arr = str.split(",");
document.write("<div id=/"Layer1/" style=/"position:absolute;width:36px;height:191px;left: "+xPoint+"px;top: "+yPoint+"px;/">")
document.write("<font color=red>原<br>序<br>列<br>:<br></font>")
for(i=0;i<arr.length;i++){
document.write(arr[i]+"<br>");
}
document.write("</div>");
for(j=1;j<arr.length;j++){
for(k=arr.length-1;k>0;k--){
if(Number(arr[k])<Number(arr[k-1])){
t = arr[k];
arr[k] = arr[k-1];
arr[k-1] = t;
}
}
alert("开始第"+j+"趟排序:");
document.write("<div id=/"Layer1/" style=/"position:absolute;width:36px;height:191px;left: "+(xPoint+(j*50))+"px;top: "+yPoint+"px;/">")
document.write("<font color=red>第<br>"+j+"<br>趟<br>:<br></font>")
for(i=0;i<arr.length;i++){
document.write(arr[i]+"<br>");
}
document.write("</div>");
}
}
</script>
</body>
</html>
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<h3>//Javascript DubbleSort Demo</h3>
<hr>
请输入排序序列:<input type=text id=source><input type=button value=排序 id=order>(输入序列请用半角逗号隔开)
<script language="javascript">
//code by douguoqiang1980@163.com
document.getElementById("order").onclick=function(){
var xPoint = screen.width/4;
var yPoint = screen.height/4;
var i,j,k,t
var str = document.getElementById("source").value;
arr = str.split(",");
document.write("<div id=/"Layer1/" style=/"position:absolute;width:36px;height:191px;left: "+xPoint+"px;top: "+yPoint+"px;/">")
document.write("<font color=red>原<br>序<br>列<br>:<br></font>")
for(i=0;i<arr.length;i++){
document.write(arr[i]+"<br>");
}
document.write("</div>");
for(j=1;j<arr.length;j++){
for(k=arr.length-1;k>0;k--){
if(Number(arr[k])<Number(arr[k-1])){
t = arr[k];
arr[k] = arr[k-1];
arr[k-1] = t;
}
}
alert("开始第"+j+"趟排序:");
document.write("<div id=/"Layer1/" style=/"position:absolute;width:36px;height:191px;left: "+(xPoint+(j*50))+"px;top: "+yPoint+"px;/">")
document.write("<font color=red>第<br>"+j+"<br>趟<br>:<br></font>")
for(i=0;i<arr.length;i++){
document.write(arr[i]+"<br>");
}
document.write("</div>");
}
}
</script>
</body>
</html>
相关文章推荐
- JS中冒泡排序
- js 排序:sort()方法、冒泡排序、二分法排序。
- JS中数组的应用与简单算法(冒泡排序)
- js 冒泡排序
- JS冒泡排序
- js 排序 冒泡排序,选择排序,插入排序
- JS中冒泡排序,选择排序,快速排序
- js 冒泡排序
- js 排序动画模拟 冒泡排序
- 冒泡排序、选择排序、插入排序的js实现
- js实现冒泡排序
- 排序总结JS版(冒泡排序、简单选择排序、快速插入排序、希尔排序、堆排序、快速排序)
- js 冒泡排序
- 算法之JS实现冒泡排序的3种方式
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第28讲_js二维数组_js冒泡排序_二分查找_学习笔记_源代码图解_PPT文档整理
- JS实现冒泡排序
- js冒泡排序和二分查找
- 最简单的排序算法之一冒泡排序----js实现
- JS实现冒泡排序
- JS常见的冒泡排序、快速排序、插入排序代码分享