50个js技巧.docx

文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件input type=text value=mm onfocus=if(value==mm) {value=} onblur=if(value==) {value=mm}点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色input type=button name=Submit1 value=郭强 size=10 class=s02style=background-color:rgb(235,207,22)3.鼠标移入移出时颜色变化input type=submit value=找吧 name=B1 onMouseOut=this.style.color=blueonMouseOver=this.style.color=red class=button4.平面按钮input type=submit value=订阅style=border:1px solid :#666666; height:17px; width:25pt; font-size:9pt;BACKGROUND-COLOR: #E8E8FF; color:#666666 name=submit5.按钮颜色变化input type=text name=nick style=border:1px solid #666666; font-size:9pt; height:17px;BACKGROUND-COLOR: #F4F4FF; color:#ff6600 size=15 maxlength=166.平面输入框input type=text name=T1 size=20 style=border-style: solid; border-width: 17.使窗口变成指定的大小scriptwindow.resizeTo(300,283);/script8.使文字上下滚动marquee direction=up scrollamount=1 scrolldelay=100 onmouseover=this.stop() onmouseout=this.start()height=60!-- head_scrolltext --trtd共和国/table!-- end head_scrolltext --/marquee9.状态栏显示该页状态base onmouseover=window.status=网站建设 [url]/[/url] ;return true10.可以点击文字实现radio选项的选定brinput type=radio name=regtype value=A03 id=A03label for=A03情侣 : 一次注册两个帐户/labelbr11.可以在文字域的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=line14.显示文档最后修改日期script language=javascriptfunction hi(str){document.write(document.lastModified)alert(hi+str+!)}/script15.可以在鼠标移到文字上时就触发事件htmlheadscript language=LiveScript !-- Hidingfunction hello() {alert(哈罗!);}/script/headbodya href= onMouseOver=hello()link/a/body/html16.可以根据网页上的选项来确定页面颜色HTMLHEADTITLEbackground.html/TITLE/HEADSCRIPT !--function bgChange(selObj) {newColor = selObj.options[selObj.selectedIndex].text;document.bgColor = newColor;selObj.selectedIndex =-1;}//--/SCRIPTBODY STYLE=font-family:ArialBChanging Background Colors/BBRFORMSELECT SIZE=8 onChange=bgChange(this);OPTIONRedOPTI