《t16.2javascript基础语法》由会员分享，可在线阅读，更多相关《t16.2javascript基础语法（44页珍藏版）》请在金锄头文库上搜索。
1、第十六课：JavaScript基础语法,学习目标,JS 概述,脚本编写语言，是一种解释性语言 基于对象的语言 采用弱类型 客户端语言，不允许访问本地的硬盘，不能将数据存入到服务器上，这个功能要通过服务器端的技术(asp或者)实现。 JavaScript是采用以事件驱动的方式进行的。 跨平台性 JavaScript不是java,1995年12月升阳公司与网景通讯公司一起引入了JavaScript。1996年3月，网景通讯公司发表了支持JavaScript的网景导航者2.0。由于JavaScript作为网页的客户面脚本语言非常成功，微软于1996年8月引入了Internet Explorer3.0
2、，这个软件支持一个“约”与JavaScript相容的JScript。它们都遵循最新的ECMAScript3.0标准。, 注意： （1）可以使用任何编辑器（包括notpad)编写javascript脚本 （2）javascript是一个脚本语言，嵌入到HTML文件中，属于解释性语言，读取顺序自上而下 （3）javascript语言以和作为一个解释单元块，可以放在任何的位置 （4）采用的方式引入。 （6）javascript语言可以不用;结尾，采用;结尾是为了符合c语言的编程习惯 （7）单独的一个只包含的html文件一样可以执行 （8）javascript语言区分大小写 （9）javascript
3、中的注释采用/单行和/*多行 （10）javascript中的字符串可以采用“ 也可以采用,第一个JS例子,JS 定义变量与赋值,(1) 定义一个变量采用var,如：var aa; 注意：这里不可以定义数据类型，因为javascript是一个弱类型的语言 (2) 赋值 aa = 1; 注意：这里aa的数据类型是根据输入的值来决定 (3) 或者直接aa = 1; 注意：弱类型变量没有编译机制，所以很可能出现如下的语句 alert(aa+bb); 如果bb没有赋值，则会出现一个错误，导致程序崩溃。 事实上，所有的变量在javascript中都可以被认为是window对象的一个属性，window对象
4、就是我们默认的当前浏览器对象，加上 if(window.bb) alert(aa+bb) ; else alert(bb没有定义，程序返回) ; return; 则比较安全可靠,JS 数据类型,(1) 数字类型：包括整数、小数，如：a=1; 注意：javascript中用一个特殊的字符串NaN用于表示非数据，比如1-a,如果判断一个字符串是否数字可以用isNaN (2) 字符串类型，如：a=a; 注意：使用 “ 与 使用效果一样 (3) 布尔类型，如：a=true; 注意： (1)日期类型以对象的形式出现，关于日期类型在后面会有具体描述； (2)当一个变量定义了，如：var a; 但是没有赋值
5、，则为Undifined (注意：不是一个字符串)，从对象的角度，它也可以等于null。 另外，关于转义字符的描述：以反斜杠（）开头的不可显示的特殊字符,JS 数据类型例子, 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还是没有赋值!“); ale
6、rt(“); ,JS 隐式和显示转换,(1)隐式转换：比如：var a = 1, b = 1; 则a + b返回的是11，那么a被转换为字符类型了。 其隐式转换的方式如下： 数字 + 字符串 = 字符串 布尔 + 字符串 = 字符串 布尔 + 数字 = 数字 注意：转换布尔 true 为 1，false 为 0，来处理。 (2)显式转换，通过函数来完成： parseInt()方法：将字符串转换为整数 parseFloat()方法：将字符串转换为小数 注意：parseInt(3a)可以转换为3而不报错,JS 运算符与表达示,() 算术运算符 + (加) 、- (减)、* (乘)、 / (除)、%
7、 (取模)、+ (递加1)、- (递减1) () 逻辑运算符 (大于)、= (大于等于)、= (等于)、!= (不等于)、! (非) 、& (与) 、| (或) ( 3 ) 位运算符 | (按位或) 、& (按位与)、 (右移) 、 (右移，零填充) 、- (取反) 、 (取补) ( 4 ) 三目操作符 主要格式如下： 操作数？结果：结果 例子见备注代码,JS 流程控制语句,if条件语句语法 if（布尔值） 语句； else if（布尔值） 语句； else if（布尔值） 语句； else 语句；,If 条件语句例子, var strSex; strSex = “女“; if (strSex
8、 = “男“) document.write(“男性网友您好! “); else document.write(“女性网友您好! “); document.write(“欢迎使用JavaScript“); ,switch 语句,switch语句的语法如下： switch(布尔值) case 条件1： break; case 条件2： break; default: break; ,switch 语句例子, var strPayment = “master“; switch (strPayment) case “cash“: document.write(“使用现金付款!“); break; c
9、ase “visa“: document.write(“使用VISA信用卡付款!“); break; case “master“: document.write(“使用Master信用卡付款!“); break; default: document.write(“未知的付款方式!“); break; ,for 循环语句,语法如下： for（初始化；条件；增量） 语句集； 功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。,for 循环语句例子, var i; var intTotal = 0; for (i = 1; i “); intTotal += i; document.wr
10、ite(“总和: “ + intTotal + “); ,while 循环语句,语法如下： while（条件） 语句集； var i = 1; var intTotal = 0; while (i “); intTotal += i; i+; document.write(“总和: “ + intTotal + “); ,do while 循环语句,语法如下： do 语句集； while（条件） var i = 1; var intTotal = 0; do document.write(“数字: “ + i + “); intTotal += i; i+; while (i 总和: “ +
11、intTotal + “); ,break 和 continue 语句,使用break语句使得循环从for或while中跳出，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)
12、 document.write(number + “太小“); continue; while (true); if (number = null) document.write(“不猜了! 答案为: “ + target + “); else document.write(“猜对了! 答案为: “ + target + “); ,break 和 continue 语句例子,函数,JavaScript中的函数有两种： 自定义函数 JavaScript函数定义 Function 函数名 （参数） 函数体;. Return 表达式; , function one2N(intnumber) var
13、intTotal = 0; for(var i=1; i “); 注意：（1）函数没有参数类型以及返回值，因为是弱类型 （2）通过参数对象arguments.length获得传入的参数总个数，通过arguments获得传入参数的值 （3）如果要获取真实的参数个数，要通过one2N.length,自定义函数例子,8.2 系统函数,使用这些函数不需创建任何实例,可直接用: 1.eval() ：返回一个表达式的值 比如：eval(“3+2“); 返回5 2. 返回浮点数：parseFloat(floustring); 3. 返回整数：parseInt(numbestring) 4. typeof()
14、：返回变量数据类型（如：“number”、“string”、“boolean”、“object”、“function” 和 “undefined”） 5. isNaN:检查一个字符串是否是数字,系统函数的例子, document.write(“变量strName: “ + typeof(“100.56的编号“) +“); document.write(“数字为: “ + parseInt(“11a“) + “); document.write(“浮点数的总 和: “ + parseFloat(parseFloat(“100abc“) + 200.5) + “); document.write(
15、“a不是数值：“+isNaN(“a“)+“); document.write(“字符串表达式的值: “ + eval(“20 + 4 * 5“) + “); ,Javascript语言之所以起名javascript是因为根据java语言而来，并不同于java语言，那么面向对象是javascript语言的特征。 比如： 上面介绍的函数中的代码：var intTotal = one2N(10,20); document.write(“1加到10的值 : “ + intTotal + “); 可以写成var intTotal = window.one2N(10,20); document.write
16、(“1加到10的值 : “ + window.intTotal + “); 做为一个嵌入在浏览器中的脚本语言，所定义的所有变量都是window对象的数据成员，而定义的函数则是window对象的方法。 Javascript所支持的对象有如下三种： 内置对象：String,Array, Date,Boolean,Math,Number,Error等都是内置对象。 自定义对象：javascript能够自己建立对象，扩展javascript的程序功能。 浏览器对象：浏览器下的所有对象，又称DHTML对象模型。,九、对象,Javascript内置对象分为隐性对象和显性对象： 隐性对象：之前建立的主要的数据类型都属于隐性对象，比如： var v1=1; var v2=“a”; var v3=true; 显性对象：还可以利用内
