第3篇 脚本语言-JavaScript.ppt

Web技术原理及应用Web数据库原理和应用 烟台大学计算机学院 陈智育 内容 脚本语言, JavaScript介绍 JavaScript使用: inline, body/head, 函数, 文件 JavaScript语言特性 基本规则, 常量, 变量, 运算符, 流程控制 函数 事件处理 计算器 对象 JavaScript内置对象 Array 书籍 String Math Date JavaScript预定义函数 脚本语言 DOS操作系统的批处理文件autoexec.bat 脚本语言 脚本语言的概念源自UNIX Shell Script; 由行命令构成, 由系统解释执行. DOS中类似机制: 批处理文件 Web设计常用脚本: 客户端脚本: JavaScript和Jscript VBScript(仅IE支持) 服务器脚本: VBScript, JScript PHP, JSP JavaScript JavaScript代码由浏览器解释执行 JavaScript不是严格规则的编程语言 JavaScript是基于对象的, 支持内建和自建对象 JavaScript和Java没有关系 JavaScript和JScript 都遵循ECMA 262标准,可等同看待, 统称ECMAScript JavaScript是AJAX重要的支持技术, 是适用范围最广的客户端脚本语言, 也是未来发展的趋势. JavaScript JavaScript编程基础 基本规则 类型, 常量和变量, 运算符和表达式, 流程控制 事件 JavaScript对象使用 常用的内建对象和函数 JavaScript-使用方式 方式1: 事件内联[inline]脚本 事件处理器[event handler]直接插入脚本代码 代码包含在双引号中, 各语句由分号分隔 内部只能用单引号 不推荐使用 JavaScript-使用方式 方式2: 体部直接执行脚本 script标签包含脚本 type指定脚本类型[手册], language不赞成使用 body和head中执行脚本有区别. JavaScript-使用方式 方式3: 定义函数 使用关键字function 函数中代码不会直接执行(示例) 需要调用函数才可执行代码(示例) 一般head中定义函数, 保证代码完全加载(示例) JavaScript-使用方式 方式4: 外部文件 JavaScript代码存放在独立文件中(*.js) js文件中不用使用script标签 HTML文件用script引用js文件 引用通常在head中进行 JavaScript-基本规则 大小敏感 语句以分号结束 注释: //和/**/ 和C++语法很相似 JavaScript-常量 数值型 整数: 十进制: 16; 八进制: 020; 十六进制: 0x10 实数: 2.57, 1.3e6, 2.7e-10 逻辑型 true, false 字符串型 以双引号或单引号括起来的任意长度一串字符 转义字符”\” “hello\r\n” 空值: null JavaScript-变量 用关键字var声明变量, 也可用赋值的形式声明变量; 声明位置灵活. 变量命名的规则 字母开头; 字母,数字和下划线”_”; 区分大小写 不能超过一行, 不能用关键字(P36 表3-1) 弱类型检查允许随时改变一个变量的类型 JavaScript-运算符 6类运算符: 赋值, 算术, 字符串, 逻辑, 关系, 位 赋值运算符: 同C语言, P36 表3-3 a=b: 右移, 零填充 算术运算符:同C语言, P36 表3-2 字符串运算符: “+”合并字符串 若操作数不是字符串, 先自动转为字符串 逻辑运算符:同C语言,运算结果为逻辑值. 关系运算符:同C语言,运算结果为逻辑值. 位运算符: ,右移零填充 运算符优先级: 单目算术关系逻辑赋值 JavaScript-流程控制 条件转移语句 if...else…; 可嵌套使用 switch多条件分支 JavaScript-流程控制 循环语句 for循环 while循环 do…while循环 break终止循环 continue继续下次循环 JavaScript-函数 使用关键字function定义函数 函数没有返回类型 可在任意位置定义, 但通常在head, 保证载入 JavaScript-函数 函数参数用于数据传递 函数可通过arguments.length参数个数 函数可据参数个数灵活处理, 简化调用者的使用 参数没有类型 JavaScript-函数 变量的作用域(var显式声明) 全局变量: 本文件中有效 局部变量: 本函数有用, 遮蔽同名全局变量 用var显式声明, 否则为全局变量 JavaScript-事件处理 事