03-JavaScript教程.pptVIP

JavaScript动态网站的设计制作 主讲：许磊 第4章 JavaScript脚本语言介绍 4.1 什么是JavaScript 4.2　javascript的作用 4.3 JavaScript的基本语法 4.4 数据类型 3.3.1 基本数据类型 3.3.2 常量 3.3.3 变量 3.3.4 运算符和表达式 4.5 语句 4.4.2 选择语句 4.4.3 循环语句 4.6 函数 4.7 对象 4.6.1 基本概念 4.6.2 常用对象的介绍 4.6.3 常用事件的应用 4.8 JavaScript综合举例 4.7.1 页面交互功能的应用 4.7.2 状态栏的应用 4.7.3 鼠标事件的应用 4.7.4 窗口的应用 4.1 什么是JavaScript 　　　　JavaScript是由一种面向对象(Object)和基于事件驱动(Event Driver)并具有安全性能的脚本语言。它是通过嵌入在标准的HTML语言中实现的。它的出现弥补了HTML语言的不足之处，它是Java与HTML的折衷。它的开发环境简单，不需要Java编译器(事实上Java与JavaScript之间没有任何关系)，而是直接运行在Web浏览器中，也就是客户端的脚本言语，因而使用它与HTML超文本标记语言结合在一起，来实现一个Web页面与浏览者交互作用，从而可以开发客户端的应用程序。 JavaScript程序本身不能独立存在，它是依附于某个HTML页面，在浏览器端运行的。 4.2　JavaScript可以做什么 作为一个运行于浏览器环境中的语言，JavaScript被设计用来向HTML页面添加交互行为，利用它可以完成以下任务。 可以将文本动态的放入HTML页面。类似于这样的一段JavaScript声明可以将一段可变的文本放入HTML页面：document.write(h1+name+/h1) 可以对事件做出响应。例如页面载入完成或者当用户单击某个HTML元素时，调用指定的JavaScript程序。 可以读写HTML元素。JavaScript程序可以读取及改变当前HTML页面内某个元素的内容，如文本框中的输入内容。 可被用来验证用户输入的数据。在数据被提交到服务器之前，JavaScript可被用来验证这些数据。 可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。 可被用来创建cookies，用来存储和取回位于访问者的计算机中的信息。 可利用Ajax技术来完成和服务器的直接通信，无刷新的修改当前HTML页面内容。 4.3 JavaScript的基本语法 利用JavaScript编写的Hello World程序。如图所示。 其代码如下： 4.3 JavaScript的基本语法(续) 4.3 JavaScript的基本语法(续) 可以在一行中写多条语句，一条语句也可以分多行书写。 当一行中写多条语句时，语句与语句之间要用分号(;)分隔。 当一条语句多行书写时，同一个标识符中的字符必须连续书写，中间不可以有空格。 当一行只定一条语句时句未的分号可以不写。 标识符与标识符之间的多余空格会被忽略掉（这点与html语言相似）。 要将一个字符串分多行书写，每一行要做为一个单独的字符串，然后行尾要用“+”运行算符将位于不同行的字符串连接起来。 !-- --这是个html隐藏语句，是为了浏览器的支持问题，如果不支持将跳过这部分的执行，现在大部分浏览器都支持JavaScript所以一般不用写。 4.4 数据类型 　　　　JavaScript脚本语言同其它语言一样，有它自身的基本数据类型、表达式和运算符以及程序的基本框架结构。JavaScript提供了五种基本的数据类型用来处理数据。 4.4.1 基本的数据类型 在JavaScript中数据类型： 基本数据类型 字符串型（用“ ”或’ ’括起来的字符或数值） 数值型（整数和实数） 布尔型（使用True或False表示) 复合数据类型 Arrary数组 Object对象 特殊数据类型 空值（null） undefined 试图引用一个没有的对象属性，则反回一个undefined值 　　　在JavaScript的基本类型中的数据可以是常量，也可以是变量。由于采用弱类型的形式，因而一个数据的变量或常量不必事先作声明，而是在使用或赋值时才确定其数据的类型。当然也可以先声明该数据的类型。 4.4.2 常量 JavaScript的常量主要有以下几种： 字符型常量（使用单引号或双引号括起来的一个或多个字符。如JavaScript、1234567890等 数值型常量 整型常量（又称字面常量，是不能改变的数据。可以使用十六进制(0x)、八进制(0)和十进制表示其值