javascript总结

1.javascript在HTML中的应用1嵌入HTML文本中scriptlanguage=javascript也可吧language=javascript换成type=text/javascript/script2javascript脚本在HTML语言中出现的位置1在HTML的主体中(body中使用)。2在HTML的头部中(head中使用)。Head中定义的script将来会在body中被调用。同一页面中的代码重用。3在HTML的外部文件中。多个不同页面间的代码重用。scripttype=text/javascriptsrc=外部脚本文件url/script2.javascript语句1页面中应用的javascriptscriptlanguage=javascriptdocument.write(Hello,javascript);/script2应用外部的javascript文件scripttype=text/javascriptsrc=22.js/script外部文件统一为js文件，22.js文件中只存放代码如:document.write(Hello,javascript!);3.数据类型(在同一个html文件中,在不同的javascript中可互相访问彼此的变量)1基本数据类型用var声明变量，也可不声明直接赋值使用如(f=javascript;document.write(f));1整数类型vara=5;vara=5,b=6;2浮点类型vara=1.23字符类型varc=javascript4布尔类型vara=true2对象类型1内置对象(String,Date,Math)2浏览器对象(Window,Document,History,Forms…….等)3自定义对象(基本不用)4.表达式1首先按运算符的优先等级进行计算2计算时，按照等级由低到高运算IntfloatString（类似java中的）Varstr=javascript+2+(3+2.12)结果是javascript25.125.程序控制流程1if---else语句scriptlanguage=javascriptvarsex=window.prompt(请输入您的性别,);if(sex==男){document.write(先生您好);}elseif(sex==女){document.write(女士您好);}else{document.write(输入错误);}/script2switch语句(给出输入月份的相应天数)scriptlanguage=javascriptvarmonth=window.prompt(请输入月份,);switch(month){case1:case3:case5:case7:case8:case10:case12:document.write(month+月是+31+天);break;case4:case6:case9:case11:document.write(month+月是+30+天);break;case2:varyear=window.prompt(2月天数与年有关，请继续输入年份,2008);if(year%4==0&&year%100!=0||year%400==0){document.write(month+月是+29+天);}else{document.write(month+月是+28+天);}break;default:document.write(输入有误);break;}/script3forwhiledo---while语句与java中的类似scripttype=text/javascriptvarsum=0;vari=0;for(i=0;i100;i++){sum+=i;}document.write(sum+br);sum=0;i=0;while(i100){sum+=i;i++;}document.write(sum+br);sum=0;i=0;do{sum+=i;i++;}while(i100)document.write(sum+br);/script4for---in语句(取出数组元素)scripttype=text/javascriptvarary=newArray(3);ary[0]=apple;ary[1]=orange;ary[2]=banana;document.write(ul);for(varsinary){document.write(li+ary[s]+/li);}document.write(/ul);/script6.数组1数组的声明的方法vara=newArray();(不定义数组长度)vara=newArray(size);(定义数组的长度)vara=newArray(E1,E2,E3…);(直接给出元素值)注意:数组的长度不固定，是可变的。即使定义了长度也是可变的，数组可以有java中所谓的null值，显示为undefined.2例子scriptlanguage=javascriptvarary=newArray(3);ary[0]=pen;ary[1]=pencil;ary[2]=rule;ary[4]=rubber;for(i=0;iary.length;i++){document.write(ary[i]+br);}vara=newArray(1,2,3,5,6);for(i=0;ia.length;i++){document.write(a[i]+br);}/script7.函数1格式function函数名(形参){函数体代码[return语句]}注意:如果函数有返回值，不需要指明返回类型。2例子声明函数：headscriptlanguage=javascriptfunctionshowArray(a){document.write(显示数组内容brul);for(i=0;ia.length;i++){document.write(li+a[i]+/li);}document.write(/ul);}functionmaxNumber(m,n){if(mn){returnm;}else{returnn;}}/script/head调用函数：bodyscriptlanguage=javascriptvarary=newArray(3);ary[0]=pen;ary[1]=pencil;ary[2]=rule;ary[4]=rubber;showArray(ary);varm=55;varn=66;varresult=maxNumber(n,m);document.write(result);/script/body8.事件处理1产生事件的组件通常是表单组件。2事件类型a)onLoad和onUnLoad的应用。表示访问页面和离开页面，也称为页面的加载和卸载。htmlheadscriptlanguage=javascriptfunctionhello(){window.alert(欢迎光临);}functionbye(){window.alert(再见);}/script/headbodyonLoad=hello()onUnload=bye()/body/htmlb)onClick点击事件（onDbClick双击事件）htmlheadscriptlanguage=javascriptfunctiontellLife(){varname=window.prompt(请输入您的姓名);window.alert(name+您的名真好!);}/script/headbodyinputtype=buttonname=btn1value=算命onClick=tellLife()/body/htmlc)onFocus得到焦点和onBlur失去焦点的事件htmlheadscriptlanguage=javascriptfunctiongetFocus(){document.myForm.nametxt.value=;}functionloseFocus(){document.myForm.nametxt.value=输入姓名;}/script/headbodyformname=myFormaction==getinputtype=buttonname=btn1value=算命onClick=tellLife()br姓名:inputtype=textname=nametxtvalue=输入姓名onFocus=getFocus()onBlur=loseFocus()/form/body/htmld)onMousemove鼠标移动事件htmlheadscriptlanguage=javascriptfunctionmove(){document.write(鼠标动了);}/script/headbodyonLoad=hello()onUnload=bye()onMousemove=move()/body/html9.javascript常用对象1数学对象(Math可直接使用)bodyscriptlanguage=javascriptvard=Math.random();document.write(d+0-1随机数br);document.write(Math.abs(-19)+绝对值br);document.write(Math.PI+圆周率br);document.write(Math.E+常量Ebr);document.write(Math.sqrt(16)+16开放br);document.write(Math.pow(3,2)+3的2次幂br);document.write(Math.round(2.62)+四舍五入br);/script/body2事件对象(Date使用时需声明对象)bodyscriptlanguage=javascriptvardate=newDate();document.write(date+br);document.write(date.getYear()+年br);document.write(date.getMonth()+月(1-11)要加1br);document.write(date.getDate()+日br);document.write(星期(0-6)星期日返回0+date.getDay()+br);document.write(date.getHours()+点br)document.write(date.getMinutes()+分br);document.write(date.getSeconds()+秒br);document.write(date.getTime()+自1970年1月1号直今的毫秒数);/script/body页面动态显示时间的代码headscriptlanguage=javascriptfunctionshowTime(){vardate=newDate();varyear=date.getYear();varmonth=date.getMonth();varday=date.getDate();vardd=date.getDay();if(dd==0){dd=天;}varhour=date.getHours();varmi