M JavaScript基础

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,1,JavaScript,基础,2,本章目标,理解什么是,JavaScript,如何将,JavaScript,嵌入到,HTML,中,理解变量、数据类型和运算符,掌握判断与循环语句,了解对象的常用方法,掌握自定义函数的书写,3,什么是,JavaScript,JavaScript,是一种脚本,语言,提供用户交互,动态更改内容,数据验证,4,JavaScript,简介,JavaScript,主要增加页面的互动性。,JavaScript,和,Java,是两种完全不同的东西，只是名称有些相似。,B/S,结构中,Java,运行在服务端，,JavaScript,运行在客户端。,JavaScript,本质是一个文档，所以可以使用文本编辑器来编写,JavaScript,代码。最简单使用记事本编辑。,5,将,JavaScript,嵌入网页,可以将,JavaScript,语句插入,HTML,文档，方式,如下：,使用,标签将语句嵌入文档,将,JavaScript,源文件链接到,HTML,文档中,6,使用,Script,标签,JavaScript,代码,document.write,(,欢迎来到,JavaScript,世界,);,尽情享受学习的快乐,!,脚本代码,设置语言,7,使用外部,JS,文件,外部,JavaScript,文件可以链接到,HTML,文档中,script,标签的,src,（源文件）属性可用于包括此外部文件,8,使用外部,JS,文件,JavaScript,代码,(,test.htm,),使用外部文件,以上文本是通过访问外部,JavaScript,文件显示,document.write,(,喂！你好吗,?),JavaScript,代码,(,test.js,),9,变量,变量名必须以字母或下划线（,_,）开头,变量可以包含数字、从,A,至,Z,的大小写字母,JavaScript,区分大小写，即变量,myVar,、,myVAR,和,myvar,是不同的变量,10,声明变量,var,a,;,“,var,”,用于声明变量的关键字,“,a”,变量名,var,x,y,z=10;,var,a=10;,同时声明和初始化变量,a=10;,声明变量,声明多个变量,赋值,11,数据类型,数据类型,说 明,示 例,数字型,整数或实数,487,25.95,布尔型,执行逻辑运算,true,或,false,字符串型,一组字符,“,Hello”,空,特殊关键字，表示不存在的值。,null,12,运算符,运算符对一个或多个变量或值（操作数）进行运算，并返 回一个新值,根据所执行的运算，运算符可分为以下类别：,算术运算符,比较运算符,逻辑运算符,13,运算符,运算符,说 明,示 例,+,加,a=5+8,-,减,a=8-5,/,除,a=20/5,*,乘,a=5*19,%,取模两个数相除的余数,10%3=1,+,一元自加。该运算符带一个操作数，将操作数的值加,1,。返回的值取决于,+,运算符位于操作数的前面或是后面,+x,将返回,x,自加运算后的值。,x+,将返回,x,自加运算前的值,-,一元自减。该运算符只带一个操作数。返回的值取决于,-,运算符位于操作数的前面或是后面,-x,将返回,x,自减运算后的值。,x-,将返回,x,自减运算前的值,14,关系运算符,运算符,说 明,示 例,=,等于。,如果两个操作数相等，则返回真。,a=b,!=,不等于。,如果两个操作数不相等，则返回真。,var2!=5,大于。,如果左边的操作数大于右边的操作数，则返回真。,var1 var2,小于。,如果左边的操作数小于右边的操作数，则返回真。,var2 var1,=,小于等于。,如果左边的操作数小于或等于右边的操作数，则返回真。,var2=4,var2=,大于等于。如果左边的操作数大于或等于右边的操作数，则返回真。,var1=5,var1=var2,15,逻辑运算符,运算符,值,说 明,与,(&),expr1&expr2,只有当,expr1,和,expr2,同为真时，才返回真。否则，返回假。,或,(|),expr1|expr2,如果其中一个表达式为真，或两个表达式同为真，则返回真。否则，返回假。,非,(!),!,expr,如果表达式为真，则返回假。如果为假，则返回真。,16,条件语句用于测试条件。,if(,条件,),JavaScript,代码,;,语法：,if,语句,如果要执行多个语句，必须将这些语句放在一对大括号,(),内。但如果只要执行一个语句，则可以省略大括号,17,if else,语句,if(,条件,),/JavaScript,代码,;,else,/JavaScript,代码,;,Ifelse.,语句的语法：,18,if(,条件,1),if(,条件,2),/JavaScript,代码,;,嵌套,if,语句语法：,嵌套,if,语句,19,switch(,表达式,),case,表达式,:.,case,表达式,:.,case,表达式,:.,case,表达式,:.,default:.,语法：,Switch,结构,20,/Youwillreceiveadifferentgreetingbased/onwhatdayitis.NotethatSunday=0,/Monday=1,Tuesday=2,etc.,var,d=newDate(),theDay,=,d.getDay,()switch(,theDay,)case5:,document.write(“Finally,Friday”);break;case6:,document.write(Super,Saturday);break;case0:,document.write(Sleepy,Sunday);break;default:,document.write(Im,lookingforwardtothisweekend!),示例：,Switch,结构,21,循环,for,循环,do-while,while,22,循环语句,循环表示重复执行的动作。,JavaScript,中可以使用,while,循环、,do-while,循环、,for,循环。,For,循环：,for(=;),;,执行过程：,首先给,赋,，然后*判断,（应该是一个关于,的条件表达式）是否成立，如果成立就执行,，然后按,对,作累加，回到“*”处重复，如果不成立就退出循环。,23,While,循环,While,循环格式：,while,（循环条件）,；,执行过程,while,循环的作用是当满足,时执行,。,在,部分可以累加最终不满足,24,Do-while,循环,Do-while,循环格式：,do,；,while,（循环条件）；,执行过程,while,循环的作用是当满足,时执行,。,在,部分可以累加最终不满足,注意：和,while,循环的区别在于先执行循环体一次，再判断循环条件,25,Break,和,continue,break,结束整个循环,作用是立即跳出循环。,continue,结束当前循环,继续下一次循环,作用是中止本次循环，并执行下一次循环。如果循环的条件已经不符合，就跳出循环。,26,String,String,字符串：,可用于处理或格式化文本字符串以及确定和定位字符串中的子字符串。,属性：,Length,：表示字符串长度，即字符串中字符的个数,。,27,String,字符串方法：,charAt(n,),：返回指定位置的字符,indexOf,(“”),：返回指定字符的下标位置,lastIndexOf,(“”),：返回指定的字符的最后一次出现的位置。,substring(s,，,e),：返回从指定起始位置到指定结束位置的字符串。,substr(s,，,l),：返回从指定起始位置的指定长度的字符串。,28,自定义函数,定义函数,：,function,函数名,(,参数,1,参数,2,，,),语句,;,调用函数：,函数调用一般和表单元素的事件一起使用，调用格式为：事件名,“,函数名,”,;,function,sum(one,two),var,result=one+two;,return,result;,29,Javascript,提示框,名称,说明,alert(“m,提示信息,),显示包含消息的对话框。,confirm,（“提示信息”）,显示一个确认对话框，包含一个确定取消按钮,prompt,（”提示信息“）,弹出提示信息框,加法计算器,31,function sum(),var,txt1=document.myfrm.txt1;,var,txt2=document.myfrm.txt2;,var,txt3=document.myfrm.txt3;,txt3.value=parseInt(txt1.value)+parseInt(txt2.value);,+,=,加法计算器,32,总结,理解什么是,JavaScript,如何将,JavaScript,嵌入到,HTML,中,理解变量、数据类型和运算符,掌握判断与循环语句,了解对象的常用方法,掌握自定义函数的书写,