第4章 客户端动态脚本JavaScript.ppt

4.1 JavaScript简介 4.2 JavaScript开发工具 4.3 JavaScript的数据类型 4.4 JavaScript的运算符 4.5 JavaScript的对象 4.6 JavaScript的函数 4.7 JavaScript的流程控制 4.8 JavaScript事件驱动 4.9 JavaScript事件处理 我们在浏览Internet上各式各样的页面过程中，经常会遇到一些“动态”效果，这里的“动态”不是指Flash、GIF动画，而是指由于我们对键盘或鼠标的操作产生的交互效果，如图4- 1所示弹出的警告框。 类似以上这种“动态”效果其实是采用客户端脚本来实现的。 常见的客户端脚本有Netscape的JavaScript和微软的VBScript、Jscript等。 4.1 JavaScript简介 JavaScript语言的前身叫做Livescript。自从Sun公司推出著名的Java语言之后，Netscape公司引进了Sun公司有关Java的程序概念，将自己原有的Livescript重新进行设计，并改名为JavaScript。 JavaScript是一种基于对象（Object Based）和事件驱动（Event Driver）并具有安全性能的脚本语言。 4.1 JavaScript简介 在标准的HTML语言中，通过嵌入JavaScript程序，从而使得客户与浏览器交互。 JavaScript是动态的，它可以直接对客户输入做出响应，无须经过Web服务程序。 JavaScript是跨平台的，它依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行。 JavaScript是基于Java程序设计语言而建立起来的脚本语言，它是基于对象的编程，但还不是完全的面向对象的编程 。 JavaScript中的对象是由属性和方法两个基本的元素所构成的。 JavaScript中使用new关键字来实例化一个类，生成一个对象。生成对象实例的格式和写法如下： var str = new String(“This is String.”); //生成一个字符串对象 var now = new Date(); //生成一个日期对象 对象的属性可以通过对象名.属性来访问。如： var str = new String(“This is String.”); //新建一个 //String对象 var len = str.length; //length为字符串长度属性 同样，对象的方法也可以通过对象名.方法名()来访问，不过在方法名后面要有一对圆括号，括号里面应该包含了使用该方法所需要传递的参数。 如： var str1 = new String(“This is str1.”); var str2 = new String(“This is str2”); var str3 = str1.concat(str2); //concat方法用于 //字符串连接， 返回字符串连接之后的值 变量str3的值将是”This is str1.This is str2”。 JavaScript本身提供了一些内置的对象和函数，内置对象提供编程最常用的功能。常用的JavaScript内置对象有以下几种： Date对象：处理日期和时间的存储、转化和表达。 String对象：处理所有的字符串操作。 Array对象：提供一个数组模型、存储大量有序的数据。 内置对象都有自己的方法和属性，访问的方法如下： 对象名.属性名称 对象名.方法名称(参数列表) (1)Date（日期和时间）对象 (2) String（字符串）对象 字符串对象具有很多函数，可以用来处理字符串。字符串对象的建立可以通过两种方式，一是直接赋值，二是通过new运算符来创建。格式如下： 格式1：字符串对象名称=new String(字符串常量) 格式2：字符串变量名称=字符串常量 示例：状态栏走马关灯式效果 （3）Array（数组）对象 数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象