3.javascript基础语法.ppt

《3.javascript基础语法.ppt》由会员分享，可在线阅读，更多相关《3.javascript基础语法.ppt（48页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Javascript基础语法基础语法n脚本编写语言，脚本编写语言，是一种解释性语言，但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。n基于对象的语言基于对象的语言n采用弱类型n客户端语言，客户端语言，不允许访问本地的硬盘，不能将数据存入到服务器上，这个功能要通过服务器端的技术(asp或者)实现。nJavaScript是采用以事件驱动的方式进行的。n跨平台性：跨平台性：JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次，走遍天

2、下”的梦想。nJavaScript不是java,1995年12月升阳公司与网景通讯公司一起引入了JavaScript。1996年3月，网景通讯公司发表了支持JavaScript的网景导航者2.0。由于JavaScript作为网页的客户面脚本语言非常成功，微软于1996年8月引入了Internet Explorer3.0，这个软件支持一 个“约”与 JavaScript相 容 的 JScript。它 们 都 遵 循 最 新 的ECMAScript3.0标准。一、关于一、关于JavaScript 注意：（1）可以使用任何编辑器（包括notpad)编写javascript脚本（2）javascrip

3、t是一个脚本语言，嵌入到HTML文件中，属于解释性语言，读取顺序自上而下（3）javascript语言以和作为一个解释单元块，可以放在任何的位置（4）采用!-符号是为了如果当旧版浏览器不识别这段javascript代码时，直接注释，不用显示出来（5）也可以将这段程序作为一个js文件，然后以的方式引入。（6）javascript语言可以不用;结尾，采用;结尾是为了符合c#语言的编程习惯（7）单独的一个只包含的html文件一样可以执行（8）javascript语言区分大小写（9）javascript中的注释采用/单行和/*多行（10）javascript中的字符串可以采用也可以采用二、编写第一个二

4、、编写第一个JavaScript程序程序（1）定义一个变量采用var,如：var aa;注意：这里不可以定义数据类型，因为javascript是一个弱类型的语言（2）赋值aa=1;注意：这里aa的数据类型是根据输入的值来决定（3）或者直接aa=1;注意：弱类型变量没有编译机制，所以很可能出现如下的语句alert(aa+bb);如果bb没有赋值，则会出现一个错误，导致程序崩溃。事实上，所有的变量在javascript中都可以被认为是window对象的一个属性，window对象就是我们默认的当前浏览器对象，加上if(window.bb)alert(aa+bb)else alert(bb没有定义，程

5、序返回)，则比较安全可靠三、定义变量与赋值三、定义变量与赋值变量的命名变量的命名 nJavaScript中的变量命名同其计算机语言非常相似，这里要注意以下两点：、必须是一个有效的变量，即变量以字母开头，中间可以出现数字如test1、text2等。除下划线（）作为连字符外，变量名称不能有空格、（）、（）、（，）或其它符号。、不能使用JavaScript中的关键字作为变量。在JavaScript中定义了多个类键字，这些关键是JavaScript内部使用的，不能作为变量的名称。如Var、int、double、true不能作为变量的名称。在对变量命名时，最好把变量的意义与其代表的意思对应起来，以免出现

6、错误。变量的声明及其作用域nJavaScript变量可以在使用前先作声明，并可赋值。通过使用var关键字对变量作声明。对变量作声明的最大好处就是能及时发现代码中的错误；因为JavaScript是采用动态编译的，而动态编译是不易发现代码中的错误，特别是变量命名的方面。对于变量还有一个重要性那就是变量的作用域。在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是定义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。（1）数字类型：包括整数、小数如：a=1;注意：javascript中用一个特殊的字符串NaN用于表示非数据，

7、比如1-a,如果判断一个字符串是否数字可以用isNaN（2）字符串类型如：a=a;注意：使用与使用效果一样（3）布尔类型如：a=true;注意：（1）日期类型以对象的形式出现，关于日期类型在后面会有具体描述（2）当一个变量定义了，如：var a;但是没有赋值，则为Undifined（注意：不是一个字符串）从对象的角度，它也可以等于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!=tru

8、e)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被转换为字符类型了。其隐式转换的方式如下：数字+字符串=字符串布尔+字符串=字符串布尔+数字=数字（2）显式转换通过函数来完成：parseInt()方法：将字符串转换为整数parsetFloat()方法：将字符串转换为小数注意：parsetInt(3a)可以转换为3而不报错五、隐式与显式转换五、隐式与显式转换（）算

9、术运算符+（加）、-（减）、*（乘）、/（除）、%（取模）、+（递加1）、-（递减1）（）逻辑运算符(大于)、=(大于等于)、=(等于)、!=(不等于)!（非）、&（与）、|（或）（3）位运算符|（按位或）、&(按位与)、（右移）、（右移，零填充）、-（取反）、（取补）（4）三目操作符主要格式如下：操作数？结果：结果六六、运算符与表达式、运算符与表达式 见备注中的代码运算符与表达式的例子运算符与表达式的例子7.1、if条件语句语法if（布尔值）语句；else（布尔值）语句；else if（布尔值）语句；else 语句；七、流程控制语句七、流程控制语句var strSex;strSex=女;if

10、(strSex=男)document.write(男性网友您好!);else document.write(女性网友您好!);document.write(欢迎使用JavaScript);if条件语句的例子条件语句的例子Switch语句的语法如下：Switch(布尔值)case 条件1：break;case 条件2：break;default:7.2、switch语句语句var strPayment=master;switch(strPayment)case cash:document.write(使用现金付款!);break;case visa:document.write(使用VISA信用

11、卡付款!);break;case master:document.write(使用Master信用卡付款!);break;default:document.write(未知的付款方式!);break;switch语句的例子语句的例子语法如下：for（初始化；条件；增量）语句集；功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。7.3、For循环语句循环语句var i;var intTotal=0;for(i=1;i=5;i+)document.write(数字:+i+);intTotal+=i;document.write(总和:+intTotal+);For循环语句的例子循环语句

12、的例子语法如下：while（条件）语句集；7.4、while循环循环 var i=1;var intTotal=0;while(i=5)document.write(数字:+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+;while(i=5);document.write(总和:+intTotal+);dowhile循

13、环的例子循环的例子使用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.write(number+太小);continue;whi

14、le(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=intnumber;i+)intTotal+=i;for(i=0;iarguments.

15、length;i+)alert(argumentsi);alert(one2N.length);return intTotal;var intTotal=one2N(10,20);document.write(1加到10的值:+intTotal+);注意：（1）函数没有参数类型以及返回值，因为是弱类型（2）通过参数对象arguments.length获得传入的参数总个数，通过arguments获得传入参数的值（3）如果要获取真实的参数个数，要通过one2N.length自定义函数的例子自定义函数的例子 8.2 系统函数系统函数n使用这些函数不需创建任何实例,可直接用:1.eval()：返回一个

16、表达式的值比如：eval(3+2);返回5 2.返回浮点数：parseFloat(floustring);3.返回整数：parseInt(numbestring)4.typeof()：返回变量数据类型（如：“number”、“string”、“boolean”、“object”、“function”和“undefined”）5.isNaN:检查一个字符串是否是数字 系统函数的例子系统函数的例子document.write(变量strName:+typeof(100.56的编号)+);document.write(数字为:+parseInt(11a)+);document.write(浮点数的总

17、 和:+parseFloat(parseFloat(100abc)+200.5)+);document.write(a不是数值：+isNaN(a)+);document.write(字符串表达式的值:+eval(20+4*5)+);nJavascript语言之所以起名javascript是因为根据java语言而来，并不同于java语言，那么面向对象是javascript语言的特征。比如：上面介绍的函数中的代码：var intTotal=one2N(10,20);document.write(1加到10的值:+intTotal+);可以写成var intTotal=window.one2N(10

18、,20);document.write(1加到10的值:+window.intTotal+);n做为一个嵌入在浏览器中的脚本语言，所定义的所有变量都是window对象的数据成员，而定义的函数则是window对象的方法。nJavascript所支持的对象有如下三种：l内置对象：String,Array,Date,Boolean,Math,Number,Error等都是内置对象。l自定义对象：javascript能够自己建立对象，扩展javascript的程序功能。l浏览器对象：浏览器下的所有对象，又称DHTML对象模型。九、对象九、对象 nJavascript内置对象分为隐性对象和显性对象：l隐

19、性对象：之前建立的主要的数据类型都属于隐性对象，比如：nvar v1=1;nvar v2=“a”;nvar v3=true;l显性对象：还可以利用内置对象来实现，比如：nvar v1=new Number();nv1=1;nvar v2=new String();nv2=“a”;nvar v3=new Boolean();nv3=true;nJavascript支持的内置对象有10个，包括：Number,Boolean,String,Date,Math,Array,Error,RegExp,Function,Object9.1、内置对象 n语法如下：new Boolean();注意：可以传入参

20、数形成带参数的构造函数，比如：new Boolean(false),则形成一个false的变量。可以传入的参数包括：false,0,null,NaN或”9.1.1、Boolean对象对象 n语法如下：new Number();注意：可以传入参数形成带参数的构造函数，比如：new Number(11),则形成一个数值为11的变量。NaN是Number的属性，可以使用Number.NaN。9.1.2、Number对象对象 9.1.3 字符串对象字符串对象n语法如下：new String();注意：可以传入参数形成带参数的构造函数，比如：new String(“aa”),则形成一个内容为”aa”的变

21、量n主要属性：length。字符串中的字符个数。n主要方法：有关字符显示的控制:big（）大字体显示,Italics()斜体字显示，bold()粗体字显示，blink()字符闪烁显示，small（）小字体显示，fixed()固定高亮字显示、fontsize(size)控制字体大小字体颜色:fontcolor(color)字符串大小写转换:toLowerCase()小写转换，toUpperCase()大写转换字符定位：indexOf(character,startIndex)截取字符：substring(startindex,endindex),substr(index,length)字符分割：

22、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.write(fontcolor(red):+str.fontcolor(red)+);document.write(fontsize(5):+str.fontsize(5)+);do

23、cument.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 str2=网页制作研究;document.write(英文字符substr(2,4):+str1.substring(2,4)+);document.write(中文字符串subs

24、tring(2,5):+str2.substring(2,5)+);var str1=a,b,c;var result=str1.split(,);for(var i=0;iresult.length;i+)document.write(resulti+);9.1.4 日期对象日期对象n语法如下：new Date();注意：不带参数的是一个系统时间，不能带参数指定时间，如果指定时间需要设置日期时间函数n其常用的方法如下：1.获取日期的时间方法getYear():返回年数 getMonth():返回当月号数getDate():返回当日号数getDay():返回星期几 getHours():返回小

25、时数 getMintes(:返回分钟数getSeconds():返回秒数getTime():返回毫秒数2.设置日期和时间：setYear();设置年 setDate():设置当月号数 setMonth():设置当月份数setHours():设置小时数 setMintes():设置分钟数 setSeconds():设置秒数setTime():设置毫秒数3.日期输出方法：1）toGMTString，将一个日期按照GMT格式显示 2）toLocaleString，将一个日期按照本地操作系统格式显示 3）toLocaleDateString，按照本地格式显示一个日期对象的日期部分 4）toLocale

26、TimeString，按照本地格式显示一个日期对象的时间部分日期对象的例子日期对象的例子1var weekday=new Array(星期日,星期一,星期二,星期叁,星期四,星期五,星期六);var dttoday=new Date();/获取系统日期var output=dttoday.getDate()+/;output+=(dttoday.getMonth()+1)+/;output+=dttoday.getFullYear()+;document.write(系统日期:+output);/获取系统时间output=dttoday.getHours()+:;output+=dttoday

27、.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.setMinutes(30);document.write(newdate.toLocaleSt

28、ring();日期对象的例子日期对象的例子2 显示时钟显示时钟见备注代码9.1.5 math对象对象n它不提供构造函数n 功能：提供除加、减、乘、除以外的一引些自述运算。如对数，平方根等。（）主要属性常数、以为底的自然对数、以为底的自然对数LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根为SQRT2。（）主要方法 随机数：random()绝对值：abs()正弦余弦值：sin(),cos()反正弦反余弦:asin(),acos()正切反正切：tan(),atan()四舍五入：round()平方根：sqrt()基于几方次的值：Pow(base,exponent)math对象的

29、例子对象的例子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+);document.write(四舍五入round(34

30、.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+);nJavaScript中通过Array对象实现数组功

31、能，比如：var username=new Array(5);username0=joe;也可以直接给数组赋值，如：var tips=new Array(100,200,500);或者var tips=100,200,5009.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;itips.length;i+)document.write(ti

32、psi+);/使用循环显示数组值for(var i=0;i5;i+)document.write(usernamei+);Array对象的例子对象的例子n使用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;i5;i+)usersi

33、=new Array(2);users00=joe;users01=1234;users10=jane;users11=5678;users20=Tony;users21=9012;users30=Tom;users31=1234;users40=Merry;users41=5678;/使用循环显示数组值for(var i=0;iusers.length;i+)for(j=0;jusersi.length;j+)document.write(usersij+);多维数组的例子多维数组的例子 nError对象保存了JavaScript运行时产生的错误信息，通过number属性获取错误号，通过me

34、ssage属性获取错误信息。n通过try,catch,finally语句捕捉错误。n注意：返回的错误码是一个32位的值，只有后16位才是真正的错误码。9.1.7 Error对象对象var x=10;try x=y;/测试的错误程序码catch(e)/错误处理的程序码 document.write(错误码:+(e.number&0 x0000FFFF)+);document.write(错误说明(message):+e.message+);finally /显示测试值 document.write(测试值x=+x+);Error对象的例子对象的例子n后面章节会讲9.1.8 RegExp对象对象n使用function的时候，系统自动创建了Function对象，比如：function add1(a,b)return a+b;相当于：add1=new Function(a,b,return a+b);n关于更深入的话题，见javascript自定义对象与扩展课程9.1.9 Function对象对象nObject对象是所有的对象的祖先9.1.10 Object对象对象总结1.Javascript是一个嵌入的客户端编程脚本语言，它起源于java语法，但不是java，特别是面向对象方面与java语法差别非常大。2.如果具有java或者c#的语言功底，则学习javascript的效果最好。