分享一篇关于JS的实例代码

<script><br/>window.onload=function(){<br/> var td1=document.getelementbyid("td");<br/> var dv0=document.getelementbyid("dva");<br/> var dv1=document.getelementbyid("dvv");<br/> var dv2=document.getelementbyid("dve");<br/> var color1=document.getelementbyid("c1");<br/> var color2=document.getelementbyid("c2");<br/> var color3=document.getelementbyid("c3");<br/> var width1=document.getelementbyid("w1");<br/> var width2=document.getelementbyid("w2");<br/> var width3=document.getelementbyid("w3");<br/> var height1=document.getelementbyid("h1");<br/> var height2=document.getelementbyid("h2");<br/> var height3=document.getelementbyid("h3");<br/> var re=document.getelementbyid("recover");<br/> var su=document.getelementbyid("sure");<br/><br/> td1.onclick=function(){<br/> dv2.style.display=&#39;block&#39;;<br/> dv0.style.background=&#39;#999999&#39;;<br/> }<br/><br/> color1.onclick=function(){<br/> dv1.style.background=&#39;#f00&#39;;<br/> }<br/> color1.onmouseover=function(){<br/> color1.style.background=&#39;#f00&#39;;<br/> }<br/> color1.onmouseout=function(){<br/> color1.style.background=&#39;#99cc66&#39;;<br/> }<br/><br/> color2.onclick=function(){<br/> dv1.style.background=&#39;#ff0&#39;;<br/> }<br/> color2.onmouseover=function(){<br/> color2.style.background=&#39;#ff0&#39;;<br/> }<br/> color2.onmouseout=function(){<br/> color2.style.background=&#39;#cccc00&#39;;<br/> }<br/><br/> color3.onclick=function(){<br/> dv1.style.background=&#39;#00f&#39;;<br/> }<br/> color3.onmouseover=function(){<br/> color3.style.background=&#39;#00f&#39;;<br/> }<br/> color3.onmouseout=function(){<br/> color3.style.background=&#39;#3399cc&#39;;<br/> }<br/><br/> width1.onclick=function(){<br/> dv1.style.width=&#39;200px&#39;;<br/> }<br/> width1.onmouseover=function(){<br/> width1.style.background=&#39;#f90&#39;;<br/> }<br/> width1.onmouseout=function(){<br/> width1.style.background=&#39;#ccc&#39;;<br/> }<br/><br/> width2.onclick=function(){<br/> dv1.style.width=&#39;300px&#39;;<br/> }<br/> width2.onmouseover=function(){<br/> width2.style.background=&#39;#f90&#39;;<br/> }<br/> width2.onmouseout=function(){<br/> width2.style.background=&#39;#ccc&#39;;<br/> }<br/><br/> width3.onclick=function(){<br/> dv1.style.width=&#39;400px&#39;;<br/> }<br/> width3.onmouseover=function(){<br/> width3.style.background=&#39;#f90&#39;;<br/> }<br/> width3.onmouseout=function(){<br/> width3.style.background=&#39;#ccc&#39;;<br/> }<br/><br/> height1.onclick=function(){<br/> dv1.style.height=&#39;200px&#39;;<br/> }<br/> height1.onmouseover=function(){<br/> height1.style.background=&#39;#f90&#39;;<br/> }<br/> height1.onmouseout=function(){<br/> height1.style.background=&#39;#ccc&#39;;<br/> }<br/><br/> height2.onclick=function(){<br/> dv1.style.height=&#39;300px&#39;;<br/> }<br/> height2.onmouseover=function(){<br/> height2.style.background=&#39;#f90&#39;;<br/> }<br/> height2.onmouseout=function(){<br/> height2.style.background=&#39;#ccc&#39;;<br/> }<br/><br/> height3.onclick=function(){<br/> dv1.style.height=&#39;400px&#39;;<br/> }<br/> height3.onmouseover=function(){<br/> height3.style.background=&#39;#f90&#39;;<br/> }<br/> height3.onmouseout=function(){<br/> height3.style.background=&#39;#ccc&#39;;<br/> }<br/><br/> re.onclick=function(){<br/> dv1.style.width=&#39;150px&#39;;<br/> dv1.style.height=&#39;150px&#39;;<br/> dv1.style.background=&#39;none&#39;;<br/> }<br/><br/> su.onclick=function(){<br/> dv2.style.display=&#39;none&#39;;<br/> dv0.style.background=&#39;none&#39;;<br/> }<br/> }<br/></script>