study009

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;
}