JavaScript开发应用小实例

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

1.1输出!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN==Content-Typecontent=text/html;charset=UTF-8title/titlebodyinputtype=buttonvalue=关闭窗口onclick=window.close();/scripttype=text/javascript!—//输出方法document.write(您好,现在时间为:+newDate());--/script/body/html(注:以后只写Script/Script内部的东西;注释在代码右边,极少在上面,绝不在下面)2.1变量的赋值varusername=Tom;//声明变量username并赋值Tomvaraccount=4500;//声明变量account并赋值4500age=23;//未声明直接为变量age赋值23varmarriaged;//声明变量marriaged未赋值2.2变量的练习vara=3,b=5;//声明全局变量afunctionadd(x,y){//这里参数x和y为局部变量varc=6;//局部变量creturnx+y;}document.write(h2a+b=+add(a,b)+h2);document.write(c的值为:+c);//这里会发生错误,c的值未定义2.3数据类型转换vara;//声明变量a,因为没有赋值此值为undefinedvarb=null;varc=100;d=parseInt(c)+b;//c由字符转为数值document.write(a转换为数值型的结果是:+parseInt(a)+br/);2.4数据类型转换vara=undefined;varb=null;varstr1=,str2=hello123;//声明两个字符型变量,其值分别为空和hello123varnum1=0,num2=NaN,num3=38;//声明三个数值型变量,其值分别为0,NaN和38varobj=newObject();//这里创建了一个对象,名称为objwith(document){//对象的with用法write(undefined转换后的值为:+newBoolean(a)+br/);//将a转为布尔型falsewrite(null转换后的值为:+newBoolean(b)+br/hr);//将b转为布尔型falsewrite(空字符串转换后的值为:+newBoolean(str1)+br/);//转为布尔型falsewrite(非空字符串转换后的值为:+newBoolean(str2)+br/hr);//转为布尔型truewrite(0转换后的值为:+newBoolean(num1)+br/);//转为布尔型falsewrite(NaN转换后的值为:+newBoolean(num2)+br/);//转为布尔型falsewrite(非0和NaN数值转换后的值为:+newBoolean(num3)+br/hr);//转为布尔型truewrite(对象转换后的值为:+newBoolean(obj)+br/);//转为布尔型true}3.1算术运算符练习varsum1=10,sum2=3;result=字符串+sum1+sum2;//结果为字符串with(document){write(psum1=+sum1+,sum2=+sum2+p/);//输出数值write(lisum1+sum2=+(sum1+sum2)+/li);//输出数值(加减乘除道理一样)write(lisum1%sum2=+(sum1%sum2)+/li);//求余write(liresult=+result+/li);write(li++sum1=+++sum1+/li);//自加write(lisum2--=+sum2--+/li);//自减}3.2关系运算符练习varsum1=10,sum2=3,str1=asdf,str2=aDfE;document.write(lisum1==sum2=+(sum1==sum2)+/li);//返回falsedocument.write(listr1!=str2=+(str1!=str2)+/li);//返回truedocument.write(lisum1=sum2=+(sum1=sum2)+/li);//返回truedocument.write(listr1str2=+(str1str2)+/li);//返回falsedocument.write('lisum1===10='+(sum1===10)+/li);//返回falsedocument.write('listr2!==aDfE'+(str2!==aDfE)+/li);//返回false3.3逻辑运算符练习vara=1,b=2,c=3,d=4;document.write(pa=+a+,b=+b+,c=+c+,d=+d+p/);document.write(li(a>b)&&(c<d)=+((ab)&&(cd))+/li);//用<代替,用>代替document.write(li(a>b)||(c<d)2=+((ab)||(cd))+/li);//返回逻辑值document.write(li!(a>b)&&(c<d)=+(!(ab)&&(cd))+/li);//返回逻辑值document.write(li(a>b)&&(++c<d)=+((ab)&&(++cd))+/li);//返回逻辑值3.4?:运算符练习varusername=Bob;result=(username==)?用户名可以使用:用户名已经存在,请使用其他用户名;//条件?表达式1(条件真时执行):表达式2(条件假时执行)alert(result);3.5逗号(,)运算符练习vara=1,b=2,c=3;//,相当于连接符result=(a,b,c);alert(result);3.6void运算符练习scriptlanguage=javascripttype=text/javascriptfunctioncheck(){varusername=;result=(username==||username==null)?用户名可以使用:用户名已经存在,请使用其他用户名;alert(result);}/scriptahref=javascript:void(check());检查用户名/a//viod常用在URL中调用JavaScript3.7typeof运算符练习varnum=5;varstr=Gladtomeetyou!;varbln=true;varobj=newObject();with(document){write(pnum=+num+,str=+str+,bln=+bln+,obj为对象+p/);write(linum的类型:+typeofnum+/li);write(listr的类型:+typeofstr+/li);write(libln的类型:+typeofbln+/li);write(liobj的类型:+typeofobj+/li);}//分别检测类型4.1年龄验证varage=prompt(请输入您的年龄:,0);if(age18){alert(您还是未成年人!);}else{alert(您已经是成年人了!);}4.2成绩等级varscore=prompt(请输入你的成绩:,0);if(score60){alert(不及格);}elseif(score75){alert(及格);}elseif(score85){alert(良好);}else{alert(优秀);}4.3成绩等级vargrade=prompt(请输入您的成绩等级:,不及格);switch(grade){case不及格:alert(您的分数在60以下!);break;case及格:alert(您的分数在60-75之间!);break;case良好:alert(您的分数在75-85之间!);break;case优秀:alert(您的分数在85-100之间!);break;default:alert(对不起,您的输入有误!);}4.4while循环varn=1;while(n=3){document.write(h+n+while循环演示!/h+n+);n++;}4.5do...while循环vara=5;do{document.write(h1do...while循环演示!/h1);a++;}while(a8);4.6for循环varn=1;//用于保存计算结果for(vari=8;i0;i--){n=n*i;}document.write(h28的阶乘为:+n+/h2);4.7break语句varnum=prompt(请输入您要计算的阶乘数:,1);varn=1,m=num;while(true){//这是一个无限循环,如果没有break语句就不能跳出循环if(m1){break;//如果m1的话就跳出循环}n=n*m;m--;}document.write(h2+num+的阶乘为:+n+/h2);4.8continue语句for(vari=1;i=20;i++){if(i%3==0){//如果能够被3整除continue;//不执行下面的代码,直接进入下一次循环}document.write(i+);}4.9平年闰年判断while(true){varyear=prompt(请输入年份(输入0退出程序):,0);year=parseInt(year);//将year转换为数值型if(year==0){break;//如果为0退出循环}if(isNaN(year)){alert(请输入合法年份!);continue;//进入下一次循环}if(year%4==0&&!year%100==0||year%400==0){alert(year+年为闰年!);}else{alert(year+年为平年!);}}5.1函数的定义和调用functionprint(msg){document.write(msg);}print(Hello,Ilovefunction!);5.2函数的定义和调用functionadd(x,y){z=x+y;returnz;}vara=3,b=4;c=add(a,b);alert(c的值为:+c);5.3函数的定义和调用functionmax(x,y){if(xy){returnx;}returny;}varnum=3,str=abc;c=max(num,str);alert(c的值为:+c);5.4函数的定义和调用functionprint(x,y){document.write(第1个参数为:+x);document.write(第2个参数为:+y+br);}vararg1=北京,arg2=上海,arg3=天津;print(arg1);print(arg1,arg2,arg3);5.5函数的定义和调用vara=3,b=newObject();b.name=John;functionchange1(x

1 / 40
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功