第3章 javascript编程基础

《第3章 javascript编程基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章JavaScript编程基础本章主要内容3.1JavaScript简介3.2JavaScript编程基础3.3浏览器对象模型3.4文档对象模型3.5客户端动态网页编程3.1JavaScript简介3.1.1JavaScript的起源20世纪90年代，上网越来越流行，对开发客户端脚本的需求也逐渐增大。此时，网页已经不断地变得更大和更复杂，而大部分Internet用户还仅仅通过28.8kbit/s的速率连接到网络，更加加剧用户痛苦的是，仅仅为了简单的表单有效性验证，就要与服务器进行多次往返交互。在Microsoft公司进军浏览器市场后，有3种不同的JavaScript版本同时

2、存在：NetscapeNavigator3.0中的JavaScript、IE中的JScript以及CEnvi中的ScriptEase。与其他编程语言不同的是，JavaScript并没有一个标准来统一其语法或特性，而这3种不同的版本恰恰突出了这个问题。3.1.2JavaScript的特点JavaScript是一种脚本语言，采用小程序段的方式进行编程。JavaScript是一种功能强大的语言，它可以和HTML完美地结合在一起。JavaScript是一种基于对象（ObjectBased）和事件驱动（EventDriver）的编程语言。JavaScript用于客户端。3.1.3Java

3、Script的作用JavaScript可以弥补HTML的缺陷，可以制作出多种网页特效，其主要作用有：（1）增加动态效果（2）读写HTML元素（3）响应事件（4）验证表单数据（5）检查浏览器（6）创建Cookies3.1.4JavaScript的组成JavaScript作为一种网络客户端的脚本语言，由以下3部分组成：（1）ECMAScript（2）文档对象模型（DocumentObjectModel，DOM）（3）浏览器对象模型（BrowserObjectModel，BOM）3.1.5JavaScript程序的编辑和调试JavaScript的编写形式有以下3种：1．直接把Java

4、Script嵌入HTML的任何标签中2．使用JavaScript函数时，将函数定义在标签中3．使用单独的.js文件3.2JavaScript编程基础3.2.1JavaScript的变量无论是编程语言还是脚本语言，变量都是最基本的元素，在脚本运行时，往往需要用一个有名称的单元将信息存储起来，这个有名称的单元就是变量。1．变量的声明方式JavaScript中变量的名称区分大小写，使用关键字var来声明变量。JavaScript并没有强制要求变量必须先声明才使用，但是先声明变量再使用是一种良好的编程风格。2．变量类型JavaScript不要求预先确定变量的数据类型，但实际

5、上，每个JavaScript变量都对应一个数据类型的值，例如，如果box=3，那就认为box变量是数值类型的变量。JavaScript是一种弱类型语言，弱类型语言中变量赋值的数据类型是可以发生变化的。ECMAScript中定义了5种原始类型（primitivetype)：undefined、null、boolean、number和string。（1）undefined类型：声明的变量未初始化时，该变量的初始值是undefined。（2）null类型：用于尚未存在的对象，值undefined实际是从值null派生的。（3）boolean类型：只有两个值true和false。（4）

6、number类型：任何数字都被看做是number类型的字面量（5）string类型：字符串类型。3．typeof运算符使用typeof可以得到一个变量或值的类型。例如：varsTemp="teststring";alert(typeofsTemp);//输出"string"alert(typeof86);//输出"number"4．类型转换（1）转换成字符串（2）转换成数字（3）强制类型转换3.2.2数组1．数组的定义JavaScript中的数组是内部类型Array的对象，因此，可以使用如下方式创建数组。varmyArray=newArray();//创建一个长度为0的数组va

7、rmyArray=newArray(n);//创建一个拥有n个元素的数组，每个元素为undefined类型varmyArray=newArray(1,2,"abc");//创建一个长度为3的数组，并赋初值同时，也支持使用括号来定义数组，例如：varmyArray=[];//创建一个长度为0的数组varmyArray=[1,2,"abc"];//创建一个长度为3的数组2．数组元素的访问数组元素按索引进行访问，索引号从0开始记。例如：myArray[2]=4;//将4赋值给myArray数组的第