资源描述
,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,Company Name,*,单击此处编辑母版标题样式,张向军,subtitle style,subtitle style,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,山东经济学院,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,Company Name,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,Company Name,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,Company Name,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,Company Name,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,Company Name,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,Company Name,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,Company Name,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,Company Name,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,Company Name,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,Company Name,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,张向军,subtitle style,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,JavaScript,语法基础,运算符,运算符,说 明,示 例,+,加,a=5+8,-,减,a=8-5,/,除,a=20/5,*,乘,a=5*19,%,取模两个数相除的余数,10%3=1,+,一元自加。该运算符带一个操作数,将操作数的值加,1,。返回的值取决于,+,运算符位于操作数的前面或是后面,将返回,x,自加运算后的值。,x+,将返回,x,自加运算前的值,-,一元自减。该运算符只带一个操作数。返回的值取决于,-,运算符位于操作数的前面或是后面,-x,将返回,x,自减运算后的值。,x-,将返回,x,自减运算前的值,算术运算符,-1,实现步骤:,1.,使用,DreamWeaver,或者,FrontPage,设计页面,2.,指定各个文本框的名称,3.,切换为代码视图,编写脚本代码,4.,浏览并调试,num,price,totalprice,算术运算符,-2,function cal(),var num=document.calform.num.value;,var price=document.calform.price.value;,var total=parseFloat(num)*parseFloat(price);,document.calform.totalprice.value=total;,计算总价并显示,添加单击事件,单击按钮时调用“,cal()”,函数,获取表单中输入的数据:,document.,表单名,.,表单元素名,.value,定义,calcu(),计算函数,实现两个数相乘的功能,.,定义函数的语法:,function,函数名,(,参数列表,),/JavaScript,语句;,比较运算符,比较运算符,2-1,运算符,说 明,示 例,=,等于。,如果两个操作数相等,则返回真。,a=b,!=,不等于。,如果两个操作数不相等,则返回真。,Var2!=5,大于。,如果左边的操作数大于右边的操作数,则返回真。,Var1 var2,小于。,如果左边的操作数小于右边的操作数,则返回真。,Var2 var1,=,小于等于。,如果左边的操作数小于或等于右边的操作数,则返回真。,Var2=4,Var2=,大于等于。如果左边的操作数大于或等于右边的操作数,则返回真。,Var1=5,Var1=var2,比较运算符,function cal(),var num=document.calform.num.value;,var price=document.calform.price.value;,var total=parseFloat(num)*parseFloat(price);,document.calform.totalprice.value=total;,if(total200),alert(,你可以参加抽奖,!);,.,其他代码略,同上例,购买总价超过,200,,,可以参加抽奖!,运算符,逻辑运算符,运算符,值,说 明,与,(&),expr1&expr2,只有当,expr1,和,expr2,同为真时,才返回真。否则,返回假。,或,(|),expr1|expr2,如果其中一个表达式为真,或两个表达式同为真,则返回真。否则,返回假。,非,(!),!expr,如果表达式为真,则返回假。如果为假,则返回真。,逻辑运算符,function cal(),var num=document.calform.num.value;,var price=document.calform.price.value;,var total=parseFloat(num)*parseFloat(price);,document.calform.totalprice.value=total;,if(total100)&(total200)&(total100)&(total200)&(total100)&(total200)&(total=500),alert(,你可以获得价值,50,元的大礼包,!);,elsealert(,价格或者数量没有填写,!);,.,其他代码略,同上例,提示没有填写购买数量,或者价格,?,嵌套,if,语句,2-1,if(,条件,1),if(,条件,2),/JavaScript,代码,;,语法:,嵌套,If,语句,2-2,function cal(),var num=document.calform.num.value;,var price=document.calform.price.value;,if(num!=“”)&(price!=“”),if(parseFloat(num)0),alert(,数量不能为负数,!);,return;,if(parseFloat(price)0),alert(,价格不能为负数,!);,return;,var total=parseFloat(num)*parseFloat(price);,document.calform.totalprice.value=total;,elsealert(,价格或者数量没有填写,!);,.,其他代码略,同上例,价格无意中输入负数,出现,bug,怎么办,?,switch,语句,2-1,15,switch(,表达式,),case,常量,1:,JavaScript,语句,;,break;,case,常量,2:,JavaScript,语句,;,break;,.,default:,JavaScript,语句,;,语法:,switch,语句,2-2,16,function cal(),var num=document.calform.num.value;,var price=document.calform.price.value;,var grade;,var pay=document.calform.pay.value;,switch(parseInt(pay),case 1:,grade=0.9;,break;,case 2:,grade=0.8;,break;,default:,grade=1;,break;,var total=parseFloat(num)*parseFloat(price)*grade;,document.calform.totalprice.value=total;,alert(,您享受了,+grade*10+,折优惠!,);,招行支付 打,9,折,现金支付 打,8,折,其他 打,10,折,不打折,循环,for,循环,do-while,while,for,循环,例:,var,i;,for(i=0;i10;i+),/,语句,;,FOR 循环,For,循环演示,document.write(,打印金字塔直线,);,for(var i=0;i100;i=i+5),document.write();,FOR 循环,如何实现,当,i=5,时,,while,循环,while(,循环条件,),/,语句;,do,while,循环,do,/,语句;,while(,循环条件,);,WHILE和DOWHILE循环,先执行,后判断循环条件,.myfont,font-size:150;,color:#c99c96;,font-family:Webdings /,产生埃及图像的特殊字体,document.write(,每个字符都对应一个漂亮的埃及图像,);,do,var c=prompt(,输入一个字符,输入,N,或,n,停止,A);,document.write(+c+);,while(c!=N,WHILE和DOWHILE循环,输入一个字符,直到,N,停止,用哪个循环,JAVASCRIPT,函数,内置函数,eval,函数:用于计算字符串表达式的值,isNaN,函数:用于验证参数是否为,NaN,(非数字),var str1=prompt(“,输入一个表达式,我给您计算,1+1);,var result=eval(str1);,document.write(str1+=+result);,var x=prompt(,输入一些数据,0);,if(isNaN(x),alert(x+,不是一个数字,);,else,alert(x+,是一个数字,);,自定义函数,定义函数:,function,函数名,(,参数,1,参数,2,,,),语句,;,调用函数:函数调用一般和表单元素的事件一起使用,调用格式为:事件名,“,函数名,”,;,function,sum(one,two),var result=one+two;,return,result;,表示单击此按钮时,调用函数,sum(),执行,函数的应用,num1,num2,result,定义函数,JavaScript,代码,function,compute(op),var num1,num2;,num1=parseFloat(document.myform.num1.value);,num2=parseFloat(document.myform.num2.value);,if(op=+),document.myform.result.value=num1+num2 ;,if(op=-),document.myform.result.value=num1-num2 ;,if(op=*),document.myform.result.value=num1*num2 ;,if(op=/&num2!=0),document.myform.result.value=num1/num2 ;,定义函数,compute(),,完成计算的功能。,op,参数代表运算符号,调用函数,第一个数,第二个数,计算结果,
展开阅读全文