Web技术基础第一章.ppt

JavaScript能做什么 表单数据验证 动态HTML 用户交互 数据绑定 少量数据查找 Ajax核心技术（Asynchronous JavaScript +XML) JavaScript如何实现动态效果 要实现动态效果，需要访问和控制浏览器部件和页面文档中元素的途径，使JavaScript能够访问和控制它们，需要使用BOM(Browser Object Model)和DOM(Document Object Model)和浏览器事件模型 BOM由一组对象组成，它们提供了访问浏览器各种功能部件的途径，例如浏览器窗口本身，浏览器历史等 DOM创建了一组按顺序、层次访问文档中各种元素的结构化方法。在DOM中，每个元素都成为JavaScript可以访问的对象，既可以读，也可以改变属性值 JavaScript的历史和发展 JavaScript最初称为LiveScript语言，是由NetScape公司的Brendan Erich开发的，是NetScape Navigator 2.0脚本语言，为了推广它，用了流行语言Java. Microsoft推出IE,由于没有授权，微软公司的支持的脚本是Jscript,实际是JavaScript 的克隆 1997年，JavaScript 1.1提交给ECMA(European Computer Manufacturer’s Association),ECMA专门成立第39技术委员会来制定JavaScript标准，并于1997年6月发表了第一个正式规范ECMA-262，由于授权问题，将其命名为ECMAScript. ECMA网站：/publications/standards/Standard.html JavaScript与ECMAScript ECMAScript只是一种语言规范，描述了脚本语言的语法、类型、属性、方法和对象等内容，而JavaScript则是实现 JavaScript不是唯一实现ECMAScript规范的语言，Flash中使用的ActionScript也是ECMAScript的一种实现 ECMAScript与浏览器无关 字符串型 由单引号或双引号括起来的字符串 在双引号中使用单引号或在单引号中使用双引号时不需用转义 在双引号中使用双引号或单引号中使用单引号时需用转义 例如：”The boy is name ‘John’.” “The boy is name\”John\”. ” \b //退格 \f //换页 \n //换行 \r //回车 \’ //单引号 /” //双引号 \\ // \ \x XX //十六进制数表示的符号 \uXXXX //四位十六进制表示的二进制字符 布尔型、undefineed和null 两个可取值：true 和 false，不区分大小写 当一个对象的属性不存在或变量定义后从未赋值，则返回undefined 不能通过比较来判断是否变量是undefined,只能通过字符串来比较 例如：if(a==undefined) //error if(typeof(a)==undefined) //error if(typeof(a)=“undefined”) //right null是一个值,表示该变量没有保存有效的数值、字符串、布尔值、数组或对象，可以用其清除变量的内容 数 组 不要求数组类型相同 数组长度可以动态变化 不支持多维数组，但支持数组嵌套，即数组中的元素可以是数组 数组定义 一、通过Array构造函数定义 （1）var name=new Array(num); name[0]=元素1； name[1]=元素2； （2）var name=new Array( );//个数由赋值个数决定 (3) var name=new Array(元素1，元素2，…..) 二、直接赋值 var name=[元素1，元素2，….]; 数组元素与长度 数组中元素类型可以不同 长度可以动态变化 var arr=new Array(3); 可以赋值的个数超过3个 可以用delete删除数组中的元素，如果输出被删除的元素，则显示undefined 数组嵌套 不支持多维数组，但支持嵌套 var arr=new Array(3); arr[0]=[‘xiao’,3,45]; arr[1]=4; arr[2]=“hi”; do