第3章 javascrit编程基础第3章 javascript编程基础第3章 javascript编程基础第3章 javascript编程基础.ppt

2006-10 《计算机网络基础（第二版）》 杜煜 《计算机通信与网络》 第一章 计算机网络概论 第3章 JavaScript编程基础 本章主要内容 3.1 JavaScript简介 3.2 JavaScript编程基础 3.3 浏览器对象模型 3.4 文档对象模型 3.5 客户端动态网页编程 3.1 JavaScript简介 3.1.1 JavaScript的起源 20世纪90年代，上网越来越流行，对开发客户端脚本的需求也逐渐增大。此时，网页已经不断地变得更大和更复杂，而大部分Internet用户还仅仅通过28.8 kbit/s的速率连接到网络，更加加剧用户痛苦的是，仅仅为了简单的表单有效性验证，就要与服务器进行多次往返交互。 在Microsoft公司进军浏览器市场后，有3种不同的JavaScript版本同时存在：Netscape Navigator 3.0中的JavaScript、IE中的JScript以及CEnvi中的ScriptEase。与其他编程语言不同的是，JavaScript并没有一个标准来统一其语法或特性，而这3种不同的版本恰恰突出了这个问题。 3.1.2 JavaScript的特点 JavaScript是一种脚本语言，采用小程序段的方式进行编程。 JavaScript是一种功能强大的语言，它可以和HTML完美地结合在一起。 JavaScript是一种基于对象（Object Based）和事件驱动（Event Driver）的编程语言。 JavaScript用于客户端。 3.1.3 JavaScript的作用 JavaScript可以弥补HTML的缺陷，可以制作出多种网页特效，其主要作用有： （1）增加动态效果 （2）读写HTML元素 （3）响应事件 （4）验证表单数据 （5）检查浏览器 （6）创建Cookies 3.1.4 JavaScript的组成 JavaScript作为一种网络客户端的脚本语言，由以下3部分组成 ： （1）ECMAScript （2）文档对象模型（Document Object Model，DOM） （3）浏览器对象模型（Browser Object Model，BOM） 3.1.5 JavaScript程序的编辑和调试 JavaScript的编写形式有以下3种 ：1．直接把JavaScript嵌入HTML的任何标签中 2．使用JavaScript函数时，将函数定义在head标签中 3．使用单独的.js文件 3.2 JavaScript编程基础 3.2.1 JavaScript的变量 无论是编程语言还是脚本语言，变量都是最基本的元素，在脚本运行时，往往需要用一个有名称的单元将信息存储起来，这个有名称的单元就是变量。 1．变量的声明方式 JavaScript中变量的名称区分大小写，使用关键字var来声明变量。JavaScript并没有强制要求变量必须先声明才使用，但是先声明变量再使用是一种良好的编程风格。 2．变量类型 JavaScript不要求预先确定变量的数据类型，但实际上，每个JavaScript变量都对应一个数据类型的值，例如，如果box=3，那就认为box变量是数值类型的变量。JavaScript是一种弱类型语言，弱类型语言中变量赋值的数据类型是可以发生变化的。 ECMAScript中定义了5种原始类型（primitive type)：undefined、null、boolean、number和string。 （1）undefined类型：声明的变量未初始化时，该变量的初始值是undefined。 （2）null类型：用于尚未存在的对象，值undefined实际是从值null派生的。 （3）boolean类型：只有两个值 true和false。 （4）number类型：任何数字都被看做是number类型的字面量 （5）string类型：字符串类型。 3．typeof运算符 使用typeof可以得到一个变量或值的类型。例如： var sTemp = test string; alert(typeof sTemp); //输出 string alert(typeof 86); //输出 number 4．类型转换 （1）转换成字符串 （2）转换成数字 （3）强制类型转换 3.2.2 数组 1．数组的定义 JavaScript中的数组是内部类型Array的对象，因此，可以使用如下方式创建数组。 var myArray = new Array(); //创建一个长度为0的数组 var myArray = n