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 fruit 0 apple fruit 1 orange fruit 2 peach fruit 3 bananer 核心语法 数组 常用属性length常用方法join 把数组的所有元素通过指定的分隔符进行分隔放入一个字符串 默认用 sort 对数组的元素进行排序push 向数组的末尾添加一个或更多元素 并返回新的长度 核心语法 运算符号 算术运算符 赋值运算符 比较运算符 逻辑运算符 核心语法 逻辑控制语句 条件结构ifswitch循环结构whilefor循环中断breakcontinue 核心语法 注释与输入 输出 注释 输入 输出alert alert 提示信息 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 else document write i first 全局变量与局部变量 总结 在本章讨论了 JavaScript的基本结构及组成JavaScript的基本语法JavaScript的数据类型 string 数组alert 和prompt 定义和使用函数