《javascript基础语法.ppt》由会员分享，可在线阅读，更多相关《javascript基础语法.ppt（48页珍藏版）》请在三一办公上搜索。
1、Javascript基础语法,脚本编写语言，是一种解释性语言，但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。基于对象的语言采用弱类型客户端语言，不允许访问本地的硬盘，不能将数据存入到服务器上，这个功能要通过服务器端的技术(asp或者)实现。JavaScript是采用以事件驱动的方式进行的。跨平台性：JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次，走遍天下”的梦想。JavaScript不是java,1995年12月升阳公
2、司与网景通讯公司一起引入了JavaScript。1996年3月，网景通讯公司发表了支持JavaScript的网景导航者2.0。由于JavaScript作为网页的客户面脚本语言非常成功，微软于1996年8月引入了Internet Explorer3.0，这个软件支持一个“约”与JavaScript相容的JScript。它们都遵循最新的ECMAScript3.0标准。,一、关于JavaScript,注意：（1）可以使用任何编辑器（包括notpad)编写javascript脚本（2）javascript是一个脚本语言，嵌入到HTML文件中，属于解释性语言，读取顺序自上而下（3）javascript语
3、言以和作为一个解释单元块，可以放在任何的位置（4）采用的方式引入。（6）javascript语言可以不用;结尾，采用;结尾是为了符合c#语言的编程习惯（7）单独的一个只包含的html文件一样可以执行（8）javascript语言区分大小写（9）javascript中的注释采用/单行和/*多行（10）javascript中的字符串可以采用也可以采用,二、编写第一个JavaScript程序,（1）定义一个变量采用var,如：var aa;注意：这里不可以定义数据类型，因为javascript是一个弱类型的语言（2）赋值aa=1;注意：这里aa的数据类型是根据输入的值来决定（3）或者直接aa=1;注
4、意：弱类型变量没有编译机制，所以很可能出现如下的语句alert(aa+bb);如果bb没有赋值，则会出现一个错误，导致程序崩溃。事实上，所有的变量在javascript中都可以被认为是window对象的一个属性，window对象就是我们默认的当前浏览器对象，加上if(window.bb)alert(aa+bb)else alert(bb没有定义，程序返回)，则比较安全可靠,三、定义变量与赋值,变量的命名,JavaScript中的变量命名同其计算机语言非常相似，这里要注意以下两点：、必须是一个有效的变量，即变量以字母开头，中间可以出现数字如test1、text2等。除下划线（）作为连字符外，变量
5、名称不能有空格、（）、（）、（，）或其它符号。、不能使用JavaScript中的关键字作为变量。在JavaScript中定义了多个类键字，这些关键是JavaScript内部使用的，不能作为变量的名称。如Var、int、double、true不能作为变量的名称。在对变量命名时，最好把变量的意义与其代表的意思对应起来，以免出现错误。,变量的声明及其作用域,JavaScript变量可以在使用前先作声明，并可赋值。通过使用var关键字对变量作声明。对变量作声明的最大好处就是能及时发现代码中的错误；因为JavaScript是采用动态编译的，而动态编译是不易发现代码中的错误，特别是变量命名的方面。对于变量
6、还有一个重要性那就是变量的作用域。在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是定义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。,（1）数字类型：包括整数、小数如：a=1;注意：javascript中用一个特殊的字符串NaN用于表示非数据，比如1-a,如果判断一个字符串是否数字可以用isNaN（2）字符串类型如：a=a;注意：使用与使用效果一样（3）布尔类型如：a=true;注意：（1）日期类型以对象的形式出现，关于日期类型在后面会有具体描述（2）当一个变量定义了，如：var a;但是没有赋值，则为Undi
7、fined（注意：不是一个字符串）从对象的角度，它也可以等于null另外，关于转义字符的描述：以反斜杠（）开头的不可显示的特殊字符,四、数据类型,var a=11;b=1.1;c=txt;d=true;e=txt;f=false;var g;alert(a+b);if(d=true)alert(e);if(f!=true)alert(c);alert(g);if(g=null)alert(g没有赋值!);if(g=undefined)alert(g还是没有赋值!);alert();,关于数据类型的综合例子,（1）隐式转换：比如：var a=1,b=1;则a+b返回的是11，那么a被转换为字符类
8、型了。其隐式转换的方式如下：数字+字符串=字符串布尔+字符串=字符串布尔+数字=数字（2）显式转换通过函数来完成：parseInt()方法：将字符串转换为整数parsetFloat()方法：将字符串转换为小数注意：parsetInt(3a)可以转换为3而不报错,五、隐式与显式转换,（）算术运算符+（加）、-（减）、*（乘）、/（除）、%（取模）、+（递加1）、-（递减1）（）逻辑运算符(大于)、=(大于等于)、=(等于)、!=(不等于)!（非）、&（与）、|（或）（3）位运算符|（按位或）、&(按位与)、（右移）、（右移，零填充）、-（取反）、（取补）（4）三目操作符主要格式如下：操作数？结果
9、：结果,六、运算符与表达式,见备注中的代码,运算符与表达式的例子,7.1、if条件语句语法if（布尔值）语句；else（布尔值）语句；else if（布尔值）语句；else 语句；,七、流程控制语句,var strSex;strSex=女;if(strSex=男)document.write(男性网友您好!);else document.write(女性网友您好!);document.write(欢迎使用JavaScript);,if条件语句的例子,Switch语句的语法如下：Switch(布尔值)case 条件1：break;case 条件2：break;default:,7.2、switc
10、h语句,var strPayment=master;switch(strPayment)case cash:document.write(使用现金付款!);break;case visa:document.write(使用VISA信用卡付款!);break;case master:document.write(使用Master信用卡付款!);break;default:document.write(未知的付款方式!);break;,switch语句的例子,语法如下：for（初始化；条件；增量）语句集；功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。,7.3、For循环语句,var
11、 i;var intTotal=0;for(i=1;i);intTotal+=i;document.write(总和:+intTotal+);,For循环语句的例子,语法如下：while（条件）语句集；,7.4、while循环,var i=1;var intTotal=0;while(i);intTotal+=i;i+;document.write(总和:+intTotal+);,while循环的例子,语法如下：do语句集；while（条件）,7.5、dowhile循环,var i=1;var intTotal=0;do document.write(数字:+i+);intTotal+=i;i
12、+;while(i 总和:+intTotal+);,dowhile循环的例子,使用break语句使得循环从For或while中跳出，continue使得跳过循环内剩余的语句而进入下一次循环。,7.6、break和continue语句,var target=36;var number=0;do number=window.prompt(输入数字,number);if(number=null|number=target)break;if(number target)document.write(number+太大);continue;else if(number!=target)document.
13、write(number+太小);continue;while(true);if(number=null)document.write(不猜了!答案为:+target+);else document.write(猜对了!答案为:+target+);,break和continue语句的例子,JavaScript中的函数有两种：8.1 自定义函数JavaScript函数定义Function 函数名（参数）函数体;.Return 表达式;,八、函数,function one2N(intnumber)var intTotal=0;for(var i=1;i);注意：（1）函数没有参数类型以及返回值，因
14、为是弱类型（2）通过参数对象arguments.length获得传入的参数总个数，通过arguments获得传入参数的值（3）如果要获取真实的参数个数，要通过one2N.length,自定义函数的例子,8.2 系统函数,使用这些函数不需创建任何实例,可直接用:1.eval()：返回一个表达式的值比如：eval(3+2);返回5 2.返回浮点数：parseFloat(floustring);3.返回整数：parseInt(numbestring)4.typeof()：返回变量数据类型（如：“number”、“string”、“boolean”、“object”、“function”和“undef
15、ined”）5.isNaN:检查一个字符串是否是数字,系统函数的例子,document.write(变量strName:+typeof(100.56的编号)+);document.write(数字为:+parseInt(11a)+);document.write(浮点数的总 和:+parseFloat(parseFloat(100abc)+200.5)+);document.write(a不是数值：+isNaN(a)+);document.write(字符串表达式的值:+eval(20+4*5)+);,Javascript语言之所以起名javascript是因为根据java语言而来，并不同于j
16、ava语言，那么面向对象是javascript语言的特征。比如：上面介绍的函数中的代码：var intTotal=one2N(10,20);document.write(1加到10的值:+intTotal+);可以写成var intTotal=window.one2N(10,20);document.write(1加到10的值:+window.intTotal+);做为一个嵌入在浏览器中的脚本语言，所定义的所有变量都是window对象的数据成员，而定义的函数则是window对象的方法。Javascript所支持的对象有如下三种：内置对象：String,Array,Date,Boolean,Ma
17、th,Number,Error等都是内置对象。自定义对象：javascript能够自己建立对象，扩展javascript的程序功能。浏览器对象：浏览器下的所有对象，又称DHTML对象模型。,九、对象,Javascript内置对象分为隐性对象和显性对象：隐性对象：之前建立的主要的数据类型都属于隐性对象，比如：var v1=1;var v2=“a”;var v3=true;显性对象：还可以利用内置对象来实现，比如：var v1=new Number();v1=1;var v2=new String();v2=“a”;var v3=new Boolean();v3=true;Javascript支持
18、的内置对象有10个，包括：Number,Boolean,String,Date,Math,Array,Error,RegExp,Function,Object,9.1、内置对象,语法如下：new Boolean();注意：可以传入参数形成带参数的构造函数，比如：new Boolean(false),则形成一个false的变量。可以传入的参数包括：false,0,null,NaN或”,、Boolean对象,语法如下：new Number();注意：可以传入参数形成带参数的构造函数，比如：new Number(11),则形成一个数值为11的变量。NaN是Number的属性，可以使用Number.N
19、aN。,、Number对象,9.1.3 字符串对象,语法如下：new String();注意：可以传入参数形成带参数的构造函数，比如：new String(“aa”),则形成一个内容为”aa”的变量主要属性：length。字符串中的字符个数。主要方法：有关字符显示的控制:big（）大字体显示,Italics()斜体字显示，bold()粗体字显示，blink()字符闪烁显示，small（）小字体显示，fixed()固定高亮字显示、fontsize(size)控制字体大小字体颜色:fontcolor(color)字符串大小写转换:toLowerCase()小写转换，toUpperCase()大写转
20、换字符定位：indexOf(character,startIndex)截取字符：substring(startindex,endindex),substr(index,length)字符分割：split(string),字符串对象的例子,var str=JavaScript网页制作研究;document.write(big():+str.big()+);document.write(blink():+str.blink()+);document.write(bold():+str.bold()+);document.write(fixed():+str.fixed()+);document.w
21、rite(fontcolor(red):+str.fontcolor(red)+);document.write(fontsize(5):+str.fontsize(5)+);document.write(italics():+str.italics()+);document.write(small():+str.small()+);document.write(strike():+str.strike()+);document.write(sub():+str.sub()+);document.write(sup():+str.sup()+);var str1=JavaScript;var
22、str2=网页制作研究;document.write(英文字符substr(2,4):+str1.substring(2,4)+);document.write(中文字符串substring(2,5):+str2.substring(2,5)+);var str1=a,b,c;var result=str1.split(,);for(var i=0;i);,9.1.4 日期对象,语法如下：new Date();注意：不带参数的是一个系统时间，不能带参数指定时间，如果指定时间需要设置日期时间函数其常用的方法如下：1.获取日期的时间方法getYear():返回年数 getMonth():返回当月号
23、数getDate():返回当日号数getDay():返回星期几 getHours():返回小时数 getMintes(:返回分钟数getSeconds():返回秒数getTime():返回毫秒数2.设置日期和时间：setYear();设置年 setDate():设置当月号数 setMonth():设置当月份数setHours():设置小时数 setMintes():设置分钟数 setSeconds():设置秒数setTime():设置毫秒数3.日期输出方法：1）toGMTString，将一个日期按照GMT格式显示 2）toLocaleString，将一个日期按照本地操作系统格式显示 3）toL
24、ocaleDateString，按照本地格式显示一个日期对象的日期部分 4）toLocaleTimeString，按照本地格式显示一个日期对象的时间部分,日期对象的例子1,var weekday=new Array(星期日,星期一,星期二,星期叁,星期四,星期五,星期六);var dttoday=new Date();/获取系统日期var output=dttoday.getDate()+/;output+=(dttoday.getMonth()+1)+/;output+=dttoday.getFullYear()+;document.write(系统日期:+output);/获取系统时间ou
25、tput=dttoday.getHours()+:;output+=dttoday.getMinutes()+:;output+=dttoday.getSeconds()+;document.write(系统时间:+output);document.write(weekdaydttoday.getDay();document.write();var newdate=new Date();/设定日期newdate.setDate(8);newdate.setMonth(4);newdate.setFullYear(2003);newdate.setHours(4);newdate.setMinu
26、tes(30);document.write(newdate.toLocaleString();,日期对象的例子2 显示时钟,见备注代码,9.1.5 math对象,它不提供构造函数 功能：提供除加、减、乘、除以外的一引些自述运算。如对数，平方根等。（）主要属性常数、以为底的自然对数、以为底的自然对数LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根为SQRT2。（）主要方法 随机数：random()绝对值：abs()正弦余弦值：sin(),cos()反正弦反余弦:asin(),acos()正切反正切：tan(),atan()四舍五入：round()平方根：sqrt()基于几
27、方次的值：Pow(base,exponent),math对象的例子,document.write(E:+Math.E+);document.write(LN2:+Math.LN2+);document.write(LN10:+Math.LN10+);document.write(LOG2E:+Math.LOG2E+);document.write(LOG10E:+Math.LOG10E+);document.write(PI:+Math.PI+);document.write(SQRT1_2:+Math.SQRT1_2+);document.write(SQRT2:+Math.SQRT2+);
28、document.write(四舍五入round(34.567):+Math.round(34.567)+);document.write(四舍五入round(34.567):+Math.round(34.467)+);document.write(随机数random():+Math.random()+);/0-10的随机数var no=Math.round(Math.random()*10);document.write(0-10随机数:+no+);/0-100的随机数no=Math.round(Math.random()*100);document.write(0-100随机数:+no+)
29、;,JavaScript中通过Array对象实现数组功能，比如：var username=new Array(5);username0=joe;也可以直接给数组赋值，如：var tips=new Array(100,200,500);或者var tips=100,200,500,9.1.6 Array对象,var tips=new Array(100,200,500);var username=new Array(5);username0=joe;username1=jane;username2=Tony;username3=Merry;/使用循环显示数组值for(var i=0;i);/使用
30、循环显示数组值for(var i=0;i);,Array对象的例子,使用Array对象的嵌套实现多纬数组，比如：var users=new Array(5);for(var i=0;i5;i+)usersi=new Array(2);users00=joe;users01=1234;users10=jane;users11=5678;users40=Merry;users41=5678;,多维数组,/建立二维数组var users=new Array(5);for(var i=0;i);,多维数组的例子,Error对象保存了JavaScript运行时产生的错误信息，通过number属性获取错误
31、号，通过message属性获取错误信息。通过try,catch,finally语句捕捉错误。注意：返回的错误码是一个32位的值，只有后16位才是真正的错误码。,9.1.7 Error对象,var x=10;try x=y;/测试的错误程序码catch(e)/错误处理的程序码 document.write(错误码:+(e.number,Error对象的例子,后面章节会讲,9.1.8 RegExp对象,使用function的时候，系统自动创建了Function对象，比如：function add1(a,b)return a+b;相当于：add1=new Function(a,b,return a+b);关于更深入的话题，见javascript自定义对象与扩展课程,9.1.9 Function对象,Object对象是所有的对象的祖先,9.1.10 Object对象,总结,Javascript是一个嵌入的客户端编程脚本语言，它起源于java语法，但不是java，特别是面向对象方面与java语法差别非常大。如果具有java或者c#的语言功底，则学习javascript的效果最好。,
