javascript基础语法.ppt
《javascript基础语法.ppt》由会员分享,可在线阅读,更多相关《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
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- javascript 基础 语法
限制150内