《计算机200多个js技巧代码梳理汇总.docx》由会员分享，可在线阅读，更多相关《计算机200多个js技巧代码梳理汇总.docx（40页珍藏版）》请在课桌文档上搜索。
1、200多个js技巧代码1 .文本框焦点问题OnBIUr:当失去输入焦点后产生该事件OnFoCUs:当输入获得焦点后，产生该文件OnChange:当文字值改变时，产生该事件OnSeIeCI：当文字加亮后，产生该文件inputtype=1.extVaIUe=mmonfocus=if(va1.ue=mm)va1.ue=onb1.ur=*if(VaIUe=)va1.ue=三f”点击时文字消失，失去焦点时文字再出现2 .网页按钮的特殊颜色3 .鼠标移入移出时颜色变化inputtype=submitVa1.Ue=找吧name=*B1.*OnVoUSeoUt=this,sty1.e.Co1.Or=b1.ue
2、OnVOUSeOVer=this.sty1.e.Co1.or=redC1.aSS=button”)17,将按钮的特征改变本例按钮的代码如下：inputtype=*submit,name=SubmitVa1.Ue=提交OnmOUSeoVer=this.cIassName=*S1.yIe2OnmOUSeou1.=Ihis.cIassName=sty1.e”CIaSS=s1.y1.e1.”18 .改变按钮的图片.本例的按钮代码如下：19 .打印页面”打印本稿20 .可以直接写htm1.语言document,wriIe();21 .改变下拉框的颜色22 .转至目标UR1.window.Iocation
3、=*httpguoguo*23 .传递该object的formUpdateSN(,guoqiang99267,this,form)functionUpdateSN(strVa1.e,StrForm)StrForm.SignInName.va1.ue=StrVa1.ue:returnfa1.se：24 .文字标签guoqiang9985925 .Iayer2为组件的ID,可以控制组件是否可见document,a1.1.item(1.ayer2).sty1.e,disp1.ay=b1.ock”;document,a1.1.item(,1.ayer2,).sty1.e,disp1.ay=none;2
4、6 .将页面加入favorite中/27 .过10秒自动关闭页面functionc1.oseitOSetTimeout(*se1.f.c1.ose()”,10000)28 .可以比较字符的大小char=post.charAt(i);if(!(,O=char&char=，9)29 .将字符转化为数字month=parseInt(char)30 .点击VaIUe非空的选项时转向指定连接se1.ectonchange=i(this,va1.ue!=)window,open(this,va1.ue)C1.aSS=textinput”主办单位/。P1.iOn北京日报北京晚报/option)31 .改变背
5、景颜色tdwidth=*c1.ass=dpbgCo1.or=#FAFBFCOnmOUSeoVer=this.bgCo1.or=ttFFFFFF,OnmOUSeQUt=Ihis.bgCo1.or=UFFBFC32 .改变文字输入框的背景颜色.input2background-image:ur1.(,./images/inputbg.gif);font-size:12px;background-co1.or:ffDODBB:border-top-width:Ipx;border-right-width:Ipx;boider-bo11om-width:1.px;bordei1.eft-width:1
6、.px33 .改变水平线的特征34 .传递参数的方式835 .页内跳转1.234567dfdfdfdf36 .两个按键一起按下if(event.Ctr1.Key&window,event.keyCode=13)/37 .刷新页面javascript:this,1.ocation,re1.oad()/38 .将网页的按钮使能functionhaha()for(vari=0;idocument.form1.e1.ements,1.ength;i+)if(document,fo11n1.e1.ementsi.name,indexf(bb)!=-1.)document,form1.e1.ementsi
7、.disab1ed=!document.form1.e1.ementsi.disab1.ed;)39 .文字移动40 .双击网页自动跑Varcurrentpos,timer;functioninitia1.ize()timer=SetInterVa1(SCrO1.1.WindoW()”,1);)functionscOc1.earinterva1.(timer);)functionScro1.1.windowO(currentpos=document.body.scro1.1.Top：window.scro1.1.(O,+currentpos);if(currentpos!=document,b
8、ody.scro1.1.Top)sc();document.OnmoUSedOwn=SCdocument,ondb1.c1.ick=initia1.ize/41 .后退43 .刷新44 .转向指定网页document.Iocation=h1.Ip:WW或者document,1.ocation,assign(*http:/guoguo.COnr)45 .在网页上显示实时时间SCRIPT1.ANaAGE=JavaScript”)varc1.ock_id;window.on1oad=furction()(c1.ockid=set1.nterva1.(document.,form1.txtc1.ock
9、,vaIue=(newDate)/,1000)/document.1。Cation.href=目标文件”47 .连接数据库importjava.sq1.*;StringmyDBDriver=*sun.jdbc.odbc.JdbcOdbcDriver,;C1.ass,forName(myDBDriver);Connectionconn=DriverManager.getConnection(*jdbc:odbc:firm(,“username”,“password);Statementstmt=conn.CreateStatementO:Resu1.tSetrs=stmt.executeQuer
10、y(sq1.);rs.getString(co1.umn1.);/48 .可以宜接在页面“div”内写下所需内容INPUTTYPE=buttononc1.ick=ffa1.innerHTM1.=1*”/49 .可以改变页面上的连接的格式，使其为双线Ar1.inktext-decoration:none;co1.or:#OOooFF;font-famiIy:宋体Arvisited(text-decora1.ion:none;co1.or:H0000FF;font-fami1.y:宋体Arhovertext-decoraIion:under1.ineoverIine;co1.or:FFOOOOAr
11、1.inktext-decoration:none;co1.or:t?OOOOFF;font-famiIy:宋体Arvisitedi,text-decoration:none;co1.or:I100OOFF;font-famiIy:宋体ArhoverIIeX1.-decoration:under!ineover1.ine1ine-through;co1.or:FFOOOOTHFONT-SIZE:9ptTDFONT-SIZE:9pt)bodySCRO1.1.BR-FACE-CO1.OR:9D46D;SCRO1.1.BR-HIGII1.TGHT-CO1.OR:#e7e7e7;SCRO1.1.BAR
12、-SHADOW-CO1.OR:#e7e7e7：SCR01.1.BR-3D1.IGHT-C01.0R:000000;1.INE-HEIGHT:15pt;SCRO1.1.BAR-ARROW-CO1.OR:ttffffff：SCRO1.1.BAR-TRACK-CO1.OR:tte7e7e7;NPUTBORDER-TOPTIDTH:1.px;PADDING-RIGHT:1.px;PADDING-1.EPT:Ipx;BORDER-1.EFT-WIDTH:Ipx;FONT-SIZE:9pt;BORDER-1.EFT-CO1.OR:ttcccccc:BORDER-BOnOM-WIDTH:1.px;BORDE
13、R-BOnOM-CO1.OR:MCCCCCc;PADDING-BOTTOM:Ipx;BORDER-TOP-CO1.OR:Scccccc;PDDING-TOP:Ipx;HEIGHT:18px:BORDER-RIGHT-WIDTH:Ipx;BORDER-RIG1.IT-CO1.OR:甘CCCCCC)DIV,form,OPTION,P,TD1BR(FONT-FAMI1.Y:宋体;FONT-SIZE:9pt)Iextarea,se1.ectborder-wid1.h:1：boder-co1.or:#000000;background-co1.or:Sefefef;font-fami1.y:宋体；fon
14、t-size:9pt;font-sty1.e:bo1.d：).Iextfont-famiIy:宋体；font-size:9pt;co1.or:HOO3300：border:#006600so1.id;border-width:IpxIpxIpx1.px/sty1.e完整的css50 .新建frame%Stringstr=wprintme”;/a1.waysgivethepathfromroot.Thiswayita1.mosta1.waysworks.StringnameOfTextFi1.e=usrani1.imp.txt”;try(PrintWriterPW=newPrintWriter(
15、newFi1.eOutputStream(nameOfTextFi1.e);pw.print1.n(str);/c1.eanuppw.c1.ose();Vara=3454545.4154545;a1.ert(a.toFixed(2);/71 .禁止选择页面上的文字来拷贝functionnoEffect()with(event)returnVa1.ue=fa1se;Cance1.Bubb1.e=true;)return;)/72 .屏蔽右键菜单oncontextmenu=wevent.returnVa1.ue=fa1.seV73 .事件禁止起泡event.Cance1.Bubb1.e=true/
16、111111111/132 .判断是什么对象if(typeof(unknown)=*function*)returntrue;if(1.ypeof(unknown)!=objec1.)re1.urnfa1.se;/133 .取消文本框自动完成功能/134 .让下拉框自动下拉se1.ectOnmOUSeOVer=javascript:this,size=this.1.ength*onmouseout=,javascript:this.SiZe=1”1.23/135,读取XM1.文件varchi1drenobj=myse1ectdocument.a1.1.myse1.ect;varoXM1.Doc
17、=new.ActiveXObject(,MSXM1.,);oXM1.Doc.ur1.=mymsg.xm1.*;var0R00t=0XM1.D0c.root;if(oRoot.chi1.dren!=nu1.1.)(for(vari=0:ioRoot.chi1.dren,item(0).chi1.dren,1.ength+i)o1.tem=oRoot.chi1.dren,item(0).chi1.dren,item(i);o0ption=newOption(o1.tem.text,o1.tem.va1.ue)：Chi1.drenobj.add(oOption);/mymsg.XmI文件杭州地区ch
18、i1.dVa1.Ue=3303温州地区台州地区丽水地区/136 .点击图片，图片停止/137 .显示本地计算机信息varWshNetwork=newActiveXObject(WScript.Network);a1.erI(Domain=+WshNetuork.UseiDomain);a1.ert(ComputerName=+WshNetwork.ComputerName);a1.ertCxUserName=+WshNetwork.UserName);/138,比较时间1.Date=newDate(2001,01,08,14,35)：/年,月,日，时，分dDate=newDateO；tDate
19、dDate?a1.ert(早于):a1.ert(晚于);/139 .弹出鼠标所在处的链结地址ahref=*http140 .注意不能通过与undefined做比较来测试一个变量是否存在，虽然可以检查它的类型是否为“undefined”。在以下的代码范例中，假设程序员想测试是否已经声明变量X:/这种方法不起作用if(x=undefined)/作某些操作/这个方法同样不起作用-必须检查/字符串undefined*if(typeof(x)=undefined)/作某些操作/这个方法有效if(typeof(x)=undefined)/作某些操作141 .创建具有某些属性的对象varmybject=ne
20、wObject();mybject.name=James”;mybject.age=22;mybject.phone=5551234”;142 .枚举(循环)对象的所有属性a1.ert(cindy.1.rim();146,定义一个将口期类型转化为字符串的方法fundionguoguodate()vartmp1.,tmp2;tmp1.=this.getMonth()+1.+*;if(1.mp1.1.ength2)tmp1.=O+tmp1.;ImP2=this.getDate()+*;if(tmp2.1.ength2)ImP2=0+tmp2;returnthis.getYear()+*-*+tmp
21、1.+*-,+tmp2;)Date,prototype.to1.iteString=guoguodate;a1.ert(newDateO.to1.iteString()147.pasta是有四个参数的构造器,定义对象。functionpasta(grain,width,shape,hasEgg)/是用什么粮食做的？this,grain=grain;/多宽？(数值)this.width=width;横截面形状？(字符串)this,shape=shape;/是否加蛋黄？(boo1.ean)this.hasEgg=hasEgg;定义方法this.toString=aa;functionaa().)定
22、义了对象构造器后，用new运算符创建对象实例。varspaghetti=newPaSta(whea1.”,O.2,“circ1.e”,true);var1inguine=newpasta(wheat*,O.3,“ova1.”,true);/补充定义属性,spaghetti和IingUine都将自动获得新的属性pasta,prototype,foodgroup=carbohydrates”;118.打印出错误原因try(X=y/产生错误。catch(e)document,write(e.description)打印yisundefined*./149.生成EXCE1.文件并保存varExce1.
23、Sheet;Exce1.App=newActiveXObject(*Exce1.pp1.ication);Exce1.Sheet=newActiveXObject(Exce1.Sheet,);/本代码启动创建对象的应用程序(在这种情况下,MicrOSQf1.Exce1.工作表)。一旦对象被创建，就可以用定义的对151 .实现打印预览及打印OBJECTc1.assid=C1.SID:8856F961-340-11)0-A96B-00C04FD7052,height=Oid=wbname=wbWidth=OX/OBJECT152 .不通过form,直接通过名字引用对象/153 .使鼠标滚轮失效fu
24、nctiondocument,onmousewhee1.Oreturnfa1.se;)/158 .向下拉框指定位置添加项目varOP=document.CreateE1.ement(wOPTIONw);document,a1.1.se1.ectedi1.ems,chiIdien(index).insertAdJacentE1.ement(BeforeBegin”,op);op.text=document,a1.1.a1.1itemsi.text;op.va1.ue=document,a1.1.a1.1._itemsi.va1.ue;/159 .判断一个窗口是否已经打开，如果已经打开，则关闭之v
25、ara;if（八）a.c1.ose();e1.sea=window.open(,160 .动态创建一个标签newE1.em=document.CreateE1.ement(z,DIV*);newE1.em.id=*hint_1.ayer*;document,body.appendChi1d(newE1em);document,a1.1.hint_1.ayer.innerText=guoguo”;161.标题栏document,titie/162 .背景图片/背景图片不动GSTY1.E背景图片居中163 .设置透明效果document,form.xxx.fiIters,a1.pha.OPaCi1
26、.y=O100164 .定义方法vardragapproved=fa1.se;document,onmouseup=newFunction(z,dragapproved=fa1.se*);/165 .将数字转化为人民币大写形式functionConvertCurrency(currencyDigits)/Constants:varmaximum_number=99999999999.99；/Predefinetheradixchaactersandcurrencysymbo1.sfo,output:varCN_ZERO=零；varCNONE=壹；varCNJTWO=贰；varCNTHREE=叁
27、;varCr1.FOUR=肆；varCNFIVE=伍；varCN_SIX=陆;varCNSEVEN=柒；varCN_EIGHT=捌;varCNNINE=玖；varCNjrEN=抬；varCNHUNDRED=佰；varCNjHOUSAND=仟；varCNTENTHOUSAND=万；varCnjiundredjh1.1.ion=亿；varCNSYMBO1.,=人民币;varCN_DO1.1.AR=元；returnif(currencyDigits).match(d1.,3(,d3)*(.(d3,)*d(1.,3)?)I(d+(.d+)?)$/)=nu1.1.)a1.ert(I1.1.ega1.fo
28、rmatofdigitnumber!,);return：/Norma1.izetheformatofinputdigits:CurrencyDigits=CurrencyDigits.rep1.ace(/,g,;/Removecommade1.imiters.CurrencyDigits=CurrencyDigits.rep1.ace(/0+/,;/Trimzerosatthebeginning./Assertthenumberisnotgreaterthanthemaximumnumber.if(Number(CurrencyDigits)MAXIMUb1.NUMBER)a1.ert(Too
29、1.argeanumbertoconvert.!”);return”;/Processthecoversionfromcuencydigitstocharacters:/Separateintegra1.anddecima1.partsbeforeprocessing/Processintegra1.partifitis1.argerthan0:if(Number(integra1.)0)(ZeroCount=O;for(i=O;iO)OutputCharacters+=digitsO;)ZeroCount=O;outputcharacters+=digitsNumber(d)+radices
30、modu1.us;if(modu1.us=O&ZeroCount4)OUtputCharacters+=bigRadicesquotient;9.901988Greatest1.1.itsDo1.1.yPartonUSARCA9.901982Sti1.1.gottheb1.uesGaryMooreUKVirginrecords10.201990/录集X.abso1.uteposition是从1到记录集记录的个数的guoguo.innerText=xm1.dso.recordset(fie1.d_name);/从中取出某条记录)169 .动态修改CSS的另一种方式this.runtimeSty1
31、.e.cssText=*co1.or：s990000：border:Ipxso1.idCCCeC”;170 .正则表达式匹配中文字符的正则表达式：u4e00-u9fa5匹配双字节字符(包括汉字在内)：xOO-xff应用：计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)String,prototype,1.en=function()returnthis,rep1.ace(xOO-xffg,*aa*).1.ength;String.prototype.1.rim=1.unction()returnthis,rep1.ace(/(s*)(s*$)/g,;a1.ertC,.trim)/195 .防止网页被包含if(window!=window,top)top.1
