javascript-经典例题.doc

1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 input type=text value=郭强 onfocus=if(value==郭强) {value=} onblur=if (value==) {value=郭强}点击时文字消失，失去焦点时文字再出现 2.网页按钮的特殊颜色 input type=button name=Submit1 value=郭强 size=10 class=s02 style=background-color:rgb(235,207,22) 3.鼠标移入移出时颜色变化 input type=submit value=找吧 name=B1 onMouseOut=this.style.color=blue onMouseOver=this.style.color=red class=button 4.平面按钮 input type=submit value=订阅 style=border:1px solid :#666666; height:17px; width:25pt; font-size:9pt; BACKGROUND-COLOR: #E8E8FF; color:#666666 name=submit 5.按钮颜色变化 input type=text name=nick style=border:1px solid #666666; font-size:9pt; height:17px; Background-color: #F4F4FF; color:#ff6600 size=15 maxlength=16 6.平面输入框 input type=text name=T1 size=20 style=border-style: solid; border-width: 1 7.使窗口变成指定的大小 script window.resizeTo(300,283); /script 8.使文字上下滚动 marquee direction=up scrollamount=1 scrolldelay=100 onmouseover=this.stop() onmouseout=this.start() height=60 !-- head_scrolltext -- tr td 共和国 /table !-- end head_scrolltext -- /marquee 9.状态栏显示该页状态 base onmouseover=window.status=网站建设 / ;return true 10.可以点击文字实现radio选项的选定 br nbsp;nbsp;nbsp;nbsp;input type=radio name=regtype value=A03 id=A03 label for=A03 情侣 : 一次注册两个帐户/label br 11.可以在文字域的font写onclick事件 12.打印/a打印网页 a href=javascript:window.print () 13.线型输入框 input type=text name=key size=12 value=关键字 onFocus=this.select() onMouseOver=this.focus() class=line 14.显示文档最后修改日期 script language=javascript function hi(str) { document.write(document.lastModified) alert(hi+str+!) } /script 15.可以在鼠标移到文字上时就触发事件 html head script language=LiveScript !-- Hiding function hello() { alert(哈罗!); } /script /head body a href= onMouseOver=hello()link/a /body /html 16.可以根据网页上的选项来确定页面颜色 html head titlebackground.html/title /head script !-- function bgChange(selObj) { newColor = selObj.options[selObj.selectedInde