JavaScript的几个基础代码实例1505.docx

!DOCTYPE htmlhtmlhead/headbodyscriptfor(var i=1;i21;i++){if(i10){document.write(img src=face0+i+.gif);}else {document.write(img src=face+i+.gif);}if(i%5==0)document.write(br);}/script/body/html!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleDocument/titlestyle *{ margin:0; padding:0; } ul{ list-style:none; } #goods_show{ width:430px; margin:0 auto; } #small_pic{ margin-top:20px; } #small_pic li{ float:left; margin:0 9px;border:1px; } #small_pic img{ border:2px solid #fff; }/stylescriptwindow.onload=function(){var img=document.getElementById(small_pic).getElementsByTagName(img);for(var i=0;iimg.length;i++){img[i].onmouseover=change;}}function change(){var img=document.getElementById(small_pic).getElementsByTagName(img)for(var i=0;iimg.length;i++){img[i].style.borderColor=#fff;}var bigpic=document.getElementById(big_pic).getElementsByTagName(img)[0];this.style.borderColor=red;bigpic.src=this.src.replace(small,big);//window.alert(133); }/script/headbodydiv id=goods_show div id=big_picimg src=img/1_big.jpg alt=/div ul id=small_pic lia href=#img src=img/1_small.jpg alt=/a/li lia href=#img src=img/2_small.jpg alt=/a/li lia href=#img src=img/3_small.jpg alt=/a/li lia href=#img src=img/4_small.jpg alt=/a/li lia href=#img src=img/5_small.jpg alt=/a/li /ul/div/body/html!doctype htmlhtml lang=en head meta charset=UTF-8 /headstylediv{width:75px;float:left;}select{width:75px;height:100px;}#width{width:30px;height:20px;margin:80px 40px;}/stylescript/*var Name=new Array();Name[0]=李四;Name[1]=王五;Name[2]=向向;Name[3]=多多;window.onload=function(){//alert(Name.length);var can=document.getElementsByName(candidate)[0];for(var i=0;iName.length;i++){var newoption=document.createElement(option);newoption.text=Name[i];can.appendChild(newoption);}}*//*window.onload=function(){var can=document.getElementsByName(candidate)[0];for(var i=0;ican.length;i++){can.onchange=bang;}}*/function bang(){var a=document.getElementsByName(candidate)[0];var i=a.selectedIndex;//var b=a.getElementsByTagName(opt