JavaScript概述和基础语法.ppt

JavaScript第一章:概述和基础语法,目录,脚本的基本结构JavaScript的组成JavaScript的基本语法定义和使用函数,为什么要学JavaScript,表单验证减轻服务器端压力页面动态效果使用JavaScript实现动态效果不如jQuery简洁方便，JavaScript是学习jQuery的基础,什么是JavaScript,JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。JavaScript特点向HTML页面中添加交互行为脚本语言，语法和Java类似解释性语言，边执行边解释JavaScript组成,DOM,JavaScript,ECMAScript,BOM,JavaScript的基本结构,基本结构,HelloWorld);-页面主体内容,示例,经验：可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可。,JavaScript的执行原理,网页中引用JavaScript的方式,使用标签外部JS文件直接在HTML标签中,JavaScript核心语法,核心语法语法约定变量数据类型数组运算符号控制语句注释输入/输出,核心语法-语法约定,代码区分大小写变量、对象和函数的名称分号,核心语法-变量,先声明变量再赋值同时声明和赋值变量不声明直接赋值,varwidth;width=5;,varcatName=“皮皮”;varx,y,z=10;,width=5;,核心语法-数据类型,数据类型undefinednullnumberbooleanstring,varwidth;变量width没有初始值，将被赋予值undefined,variNum=23;/整数variNum=23.0;/浮点数,true和false,表示一个空值，与undefined值相等,一组被引号（单引号或双引号）括起来的文本varstring1=Thisisastring;,核心语法-String对象,属性字符串对象.length方法字符串对象.方法名();常用方法charAt(index)indexOf(str，index)substring(index1，index2)split(str),在线教程：,核心语法-typeof运算符,typeof检测变量的返回值typeof运算符返回值如下：undefined：变量被声明后，但未被赋值string：用单引号或双引号来声明的字符串boolean：true或falsenumber：整数或浮点数object：javascript中的对象、数组和null,核心语法数组,创建数组var数组名称=newArray(size);为数组元素赋值访问数组,varfruit=newArray(apple,orange,peach,bananer);,varfruit=newArray(4);fruit0=apple;fruit1=orange;fruit2=peach;fruit3=bananer;,核心语法-数组,常用属性length常用方法join()把数组的所有元素通过指定的分隔符进行分隔放入一个字符串（默认用“，”）sort()对数组的元素进行排序push()向数组的末尾添加一个或更多元素，并返回新的长度,核心语法-运算符号,算术运算符+-*/%+-赋值运算符=比较运算符=!=逻辑运算符prompt()prompt(“提示信息”,“输入框的默认信息”);prompt(“请输入姓名”,“张三”);prompt(“请输入姓名”);,函数,函数类似于Java中的方法，是完成特定任务的代码语句块特点使用更简单：不用定义属于某个类，直接使用分类系统函数和自定义函数,常用函数,parseInt(字符串)将字符串转换为整型数字如:parseInt(86)将字符串“86”转换为整型值86parseFloat(字符串)将字符串转换为浮点型数字如:parseFloat(34.45)将字符串“34.45”转换为浮点值34.45isNaN()用于检查其参数是否是非数字如:isNaN(abc)，则返回true;,自定义函数,语法调用函数函数调用一般和表单元素的事件一起使用，调用格式：事件名函数名();,function函数名(参数1,参数2,参数3,)/JavaScript语句;return返回值,函数调用,调用无参函数调用有参函数,functionshowHello(),functionshowHello(count),函数调用,调用无参函数调用有参函数,functionshowHello(),functionshowHello(count),匿名函数,匿名函数，即没有函数名定义匿名函数调用匿名函数,varshowFun=function(count)for(vari=0;iHelloWorld);,变量作用域,vari=20;functionfirst()vari=5;for(varj=0;ji)document.write(t);elsedocument.write(i);f