几个JS的实例

< a  target =_top  href ="javascript:window.external.addFavorite('http://www.webjx.com','网页教学网');" > 加入收藏 </ a >
< a   href ='http://www.webjx.com/htmldata/2005-12-04/1133660241.html#'  onClick ="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.webjx.com');" > 设为首页 </ a >


< script  language ="JavaScript" > ...
function GetResult(str)
...{
/**//*
*--------------- GetResult(str) -----------------
* GetResult(str) 
* 功能:通过XMLHTTP发送请求,返回结果.
* 参数:str,字符串,发送条件.
* 实例:GetResult(document.all.userid.value);
* author:wanghr100(灰豆宝宝.net)
* update:2004-5-27 19:02
*--------------- GetResult(str) -----------------
*/
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
oBao.open("POST","http://192.168.1.199/Server.do?sel="+str,false);
oBao.send();
//服务器端处理返回的是经过escape编码的字符串.
//通过XMLHTTP返回数据,开始构建Select.
BuildSel(unescape(oBao.responseText),document.all.sel2)
}

function BuildSel(str,sel)
...{
/**//*
*--------------- BuildSel(str,sel) -----------------
* BuildSel(str,sel) 
* 功能:通过str构建Select.
* 参数:str,字符串,由服务端返回的.有特定结构"字符串1,字符串2,字符串3"
* 参数:sel,要构建的Select
* 实例:BuildSel(unescape(oBao.responseText),document.all.sel2)
* author:wanghr100(灰豆宝宝.net)
* update:2004-5-27 19:02
*--------------- BuildSel(str,sel) -----------------
*/
//先清空原来的数据.
sel.options.length=0;
var arrstr = new Array();
arrstr = str.split(",");
//开始构建新的Select.
for(var i=0;i<arrstr.length;i++)
...{
sel.options[sel.options.length]=new Option(arrstr[i],arrstr[i])
}
}
</ script >
< select  name ="sel"  onChange ="GetResult(this.value)" >
< option  value ="" > 请选择
< option  value ="19" > 福建省
< option  value ="21" > 湖北省
< option  value ="22" > 辽宁省
< select >
< select  name ="sel2" ></ select >



< script  > ...  
<!-- 
function onselectchange()...{ 
  num=document.send.class0.options[document.send.class0.selectedIndex].value; 
  switch(num)...{ 
     case "0": 
document.send.class1.options.length=4; 
document.send.class1.options[00].text="A1"; 
document.send.class1.options[00].value=0; 
document.send.class1.options[01].text="A2"; 
document.send.class1.options[01].value=1; 
document.send.class1.options[02].text="A3"; 
document.send.class1.options[02].value=2; 
document.send.class1.options[03].text="A4"; 
document.send.class1.options[03].value=3; 
break; 
case "1": 
document.send.class1.options.length=6; 
document.send.class1.options[00].text="B1"; 
document.send.class1.options[00].value=0; 
document.send.class1.options[01].text="B2"; 
document.send.class1.options[01].value=1; 
document.send.class1.options[02].text="B3"; 
document.send.class1.options[02].value=2; 
document.send.class1.options[03].text="B4"; 
document.send.class1.options[03].value=3; 
document.send.class1.options[04].text="B5"; 
document.send.class1.options[04].value=4; 
document.send.class1.options[05].text="B6";

break;

  } 
} 
//--> 
</ script >

 

< table  width ="400"  border ="1"  cellspacing ="0"  cellpadding ="0"  align ="center"  bordercolordark ="#9cc384"  bordercolorlight ="#FFFFFF" >  
   < tr  bgcolor ="#E6F0DD"  align ="center" >   
     < td >  
 
       < form  method ="post"  action ="a_list.asp"  name ="send"  target ="_blank" >  
         < table  width ="62%"  border ="0"  cellspacing ="2"  cellpadding ="2" >  
           < tr >   
             < td  width ="44%"  align ="right" > 类别： </ td >  
             < td  width ="56%" >   
               < table  width ="95%"  border ="0"  cellspacing ="0"  cellpadding ="0" >  
                 < tr >   
                   < td >   
                     < select  name ="class0"  onChange ="onselectchange()" >  
                       < option  value ="2" > ** 选择一级类别 ** </ option >  
                       < option  value ="0" > A </ option >  
                       < option  value ="1" > B </ option >  
                       
                     </ select >  
                   </ td >  
                 </ tr >  
                 < tr >   
                   < td >   </ td >  
                 </ tr >  
                 < tr >   
                   < td >   
                     < select  name ="class1" >  
                       < option  value ="1" > ** 选择二级类别 ** </ option >  
                     </ select >  
                   </ td >  
                 </ tr >  
               </ table >  
             </ td >  
           </ tr >  
         </ table >  
       </ form >  
      
 
      
 
     </ td >  
   </ tr >  
   
</ table >