第8章：js基本语法.ppt

JavaScript核心基础语法 目标 理解JavaScript的概念和作用 如何在XHTML中使用JavaScript JavaScript体系架构 JavaScript的变量 JavaScript的数据类型 JavaScript的函数 什么是JavaScript 是一种嵌入在网页中的程序段。 是一种解释型语言，被浏览器解释执行。 由Netscape发明，ECMA将其标准化。 JavaScript借用了Java的名字，但它和java没有关系。 出于安全性考虑，增加了JavaScript的限制 增强客户端的交互功能。 JavaScript和Java的区别 JS只在浏览器中执行，java可在各种平台上执行。 JS也有变量，常量，运算符，关键字，数据类型，语句等。 JS借用了Java的语法，其运算符和表达式与Java非常相似。 JavaScript能做什么 可以使用JS添加、删除、修改网页上的所有元素及属性。 在HTML网页中动态写入文本。 响应网页中的事件，并做出相应处理。 可用于较验客户端提交的数据。 检测浏览器类型及版本。 处理Cookie. JavaScript技术体系 JavaScript添加到XHTML的方法 在(X)Html中嵌入JavaScript脚本 在(X)Html中链接一个外部的javaScript文件。 直接编写在元素的事件属性中。 内嵌式 优点：方便 缺点：结构和现形式混杂，不利于维护。 外部链接 优点：结构、表现、行为分离 缺点：不支持动态内容 JavaScript添加到XHTML的方法——事件处理程序和伪URL 什么是事件处理程序 JavaScript变量 弱类型，不一定要初始化。 变量的定义 JavaScript保留关键字 JavaScript数据类型 JavaScript数据类型分为：原始类型和引用类型 原始类型包括5种： undefined: 当声明的变量未初始化时，值为undefined。 当函数无明确返回值时，其调用结果也是undefined。 null 值为null，null是从Undefined派生来的。因此null==undefined null表示不存在的对象。 boolean true或false number 即可表示32位整数，也可表示64位浮点数。 Number.MAX_VALUE和Number.MIN_VALUE定义了上下限。 Number.POSITIVE_INFINITY和Number.NEGATIVE_INFINITY Infinity表示无穷大。isFinite()较验是否无穷大。无穷大返回false NaN表示非数字，它与自身不相等。一般发生在类型转换失败时，isNaN()较验是否为数字。 string 可用单引号或双引号声明。字符类型提供了很多丰富的方法，详看API。 typeof()运算符 对变量或值使用typeof()运算符将返回它的类型： undefined : undefined boolean : boolean number : number string : string null或引用类型：object 示例： Var x=“abc”; Alert(typeof x);或alert(typeof(x)); 数据类型转换 数据类型转换 //parseInt()和parseFloat var a = parseInt(1234); //返回1234 var b = parseInt(abc); //返回NaN //强制类型转换有以下3种，结果见P11 Boolean(value) Number(value) String(value) 引用数据类型 原生对象 由JavaScript提供，独立于浏览器的对象。 Object,Array,String,Boolean,Number,Date,RegExp... 内置对象 也是一种原生对象，只是在使用时不需要初始化。 Global,Math 宿主对象 与浏览器有关的对象。 BOM,DOM 自定义对象 原生对象 - Object Object是JavaScript中所有类的父类。 Var x=new Object(); Object的属性： constructor : 指向创建对象函数的引用。 prototype : 对该对象的对象原型的引用，默认返回Object类的一个实例。 Object的方法： hasOwnProperty(property) : 判断对象是否有指定属性。 isPrototypeOf(object) : 判断该对象是否是另一个对象的原型 var re = new Object();