[理学]第五章 Javascript_old.ppt

电子商务系统设计与实现 cumtzzp@163.com 第五章 Javascript §5.1.1 JavaScript概述 什么是JavaScript？ JavaScript是一种通用脚本编程语言，基于对象和事件驱动，JavaScript代码嵌入页面中，实现与用户可交互的动态页面。 脚本：解释执行，被保存为文本文件； 基于对象：具备一些面向对象编程语言的特征，但未提供象抽象、继承、重载等有关面向对象语言的功能； 事件驱动：对某个事件做出相应的操作和反应； 可交互：对用户进行的操作作出反应。 §5.1.1 JavaScript概述 JavaScript从何而来？ 早期称LiveScript，由Netscape Communications开发，后来由于Sun Microsystems开发的Java程序的概念，更名为JavaScript。目的就是使静态的页面动起来，后为了规范Web页面开发，ECMA与Netscape联合制定了Javascript规范，规定了所有支持Javascript的应用程序应有的相同动作和行为。 JScript是微软发布的与JavaScript兼容的脚本语言，是对规范的一种实现。 §5.1.1 JavaScript概述 JavaScript有哪些功能？ 控制文档的外观和内容 控制浏览器行为 使有规律地重复的HTML片断简化，减少下载时间 及时响应用户的操作，对提交表单做即时的检查 使用Cookie读写客户端状态 …… §5.1.2 JavaScript语言基础 在什么地方插入JavaScript？ HTML的任意位置 即使如此，一般建议放在head标记之内 .js文件中，在HTML中添加对该文件的引用 script language=“javascript” type=“text/javascript” src=“jsfilename.js”/script 框架网页，一定要在frameset标记之前插入 浏览器的“地址”栏中： javascript:JavaScript语句 超级链接中： a href=javascript:JavaScript语句LinkText/a §5.1.2 JavaScript语言基础 基本语法 script language=javascript type=text/javascript !-- 语句; -- /script §5.1.2 JavaScript语言基础 变量 命名规则 只包含字母、数字和/或下划线； 要以字母开头； 不能太长； 不能与 JavaScript 保留字/关键字重复。 区分大小写 必须声明后使用 var 变量 [= 值]; 如不赋初值，则为null §5.1.2 JavaScript语言基础 数据类型 可用的数据类型： 整型：只能储存整数 浮点型：即“实型”，能储存小数 字符串型：是用引号“ ”、‘ ’包起来的零个至多个字符 布尔型：true或false 对象：what is an object? JavaScript 对数据类型的要求不严格 变量的赋值：变量 = 表达式; 常数：null与NaN、true与false §5.1.2 JavaScript语言基础 表达式与运算符 (x) [x] -x !x x++ x-- ++x --x x * y x / y x % y x + y x - y x y x = y x y x = y x == y x != y x y x ^ y x | y x y x || y c ? x : y x = y x += y x -= y x %= y x /= y x %= y 所有与四则运算有关的运算符都不能作用在字符串型变量上。字符串可以使用 +、+= 作为连接两个字符串之用。 §5.1.2 JavaScript语言基础 语句——基本编程指令 注释 // 此处是一句注释 /* 此处是多句注释 */ if语句 if ( 条件 ) 语句1 [ else 语句2 ]; for语句 for (变量=初始值; 循环条件; 变量累加方法) 语句; while语句 while (循环条件) 语句; §5.1.2 JavaScript语言基础 语句——基本编程指令 break跳出循环 continue跳出循环体的其它语句进行下一次循环 switch语句 switch (e) { case r1: ... [break;] case r2: ... [break;] ... [default: ...] } §5.1.2 JavaScript语言基础 基本对象 Number：“数字”对象 属性 MAX_VALUE 用法：Numbe