study009

来源:互联网 发布:2016最流行的网络词语 编辑:程序博客网 时间:2024/05/21 09:20

009.htm

<html>
<head>
<title>study 009</title>
<script language="javascript" type="text/javascript" src="sort.js"></script>
</head>
<body>
<h1>排序</h1>
<form name="theform">
列表:
<input type="text" name="newname" size="20">
<input type="button" name="addname" value="添加" onClick="SortNames();">
<h2>字符串结果</h2>
<textarea cols="60" rows="10" name="sorted1">
输出结果
</textarea>
<h2>数值结果</h2>
<textarea cols="60" rows="10" name="sorted2">
输出结果
</textarea>
</form>
</body>
</html>

sort.js

var numnames = 0;
var names = new Array();

function SortNames()
{
    thenname 
= document.theform.newname.value;
    names[numnames
++= thenname;
    names.sort();
    document.theform.sorted1.value 
= names.join(" ");
    names.sort(NumCompare);
    document.theform.sorted2.value 
= names.join(" ");
}


function NumCompare(a, b)
{
    
return a - b;
}