Dreamweaver 网页设计与制作（第二版）课件：制作饰品公司网站首页——应用 JavaScript 制作网页特效.pptx

;任务1?认识JavaScript;◆了解JavaScript的发展过程

◆理解JavaScript的特点;一、JavaScript简介

JavaScript是一种基于对象的脚本语言，使用它可以开发Internet客户端的应用程序。JavaScript在HTML页面中以语句的方式出现，并且执行相应的操作。

JavaScript是一种基于客户端浏览器的语言，有了JavaScript便可以使网页变得生动。使用它的目的是与HTML和其他脚本语言一起实现在一个网页中链接多个对象，与网络客户交互作用，从而开发客户端的应用程序。它是通过被嵌入或调入标准的HTML中来实现的。;二、JavaScript的特点

1.简单性

JavaScript是一种脚本编写语言，采用小程序段的方式实现编程。像其他脚本语言一样，JavaScript同样是一种解释性语言，提供了一个简易的开发过程。它不需要先编译，而是在程序运行过程中被逐行解释。

2.动态性

相对于HTML和CSS语言的静态而言，JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。;3.跨平台性

JavaScript是依赖于浏览器本身、与操作环境无关的脚本语言。只要浏览器支持JavaScript，计算机就可以正确执行它。

4.安全性

JavaScript被设计为通过浏览器来处理并显示信息，但它不能修改其他文件中的内容。;5.节省CGI的交互时间

JavaScript是一种基于客户端浏览器的语言，用户在浏览的过程中填表、验证的交互过程只是通过浏览器对调入HTML文档中的JavaScript源代码进行解释执行来完成的，即使是必须调用CGI的部分，浏览器只将用户输入验证后的信息提交给远程的服务器，大大减少了服务器的负载。;三、JavaScript与CSS

JavaScript与CSS都是可以直接在客户端浏览器解析并执行的脚本语言，通常意义上认为CSS是静态的样式设定，而JavaScript则是动态地实现各种功能。

其中，CSS分别设置鼠标指针没有经过时的样式和鼠标指针经过时的样式，JavaScript则动态地判断鼠标指针的位置，从而调用不同的CSS样式。;任务2?更新饰品公司网站

首页——用JavaScript

制作网页特效;◆理解JavaScript的基本语法

◆掌握JavaScript基本语句的使用方法

◆掌握JavaScript常用函数的使用方法

◆理解JavaScript语言的交互性和动态??

◆掌握利用JavaScript语言制作网页特效的方法;一、数据类型和变量

1.数据类型

下面对各种数据类型分别进行介绍。

string字符串类型：字符串是用单引号或双引号来说明的（可以使用单引号来输入包含双引号的字符串，反之亦然），其内容为如“网页设计”“NextStation”和“CSS样式设计”等文本。

数值数据类型：JavaScript支持整数和浮点数，整数可以为正数、0或者负数；浮点数可以包含小数点，也可以包含一个“e”（大小写均可，在科学记数法中表示“10的幂”），或者同时包含这两项。;boolean（布尔）类型：可能的boolean值有true和false。这是两个特殊值，不能用作1和0。

undefined数据类型：一个为undefined的值就是指在变量被创建后，未给该变量赋值时具有的值。

null数据类型：null值指没有任何值，什么也不表示。

object类型：除了上面提到的各种常用类型外，对象也是JavaScript中的重要组成部分。;2.变量

在JavaScript中变量用来存放脚本中的值，这样在需要使用该值时就可以用变量来代表，一个变量可以代表一个数字、文本或其他一些东西。变量的概念与其他程序语言中的变量是基本一致的。;JavaScript是一种对数据类型要求不太严格的语言，所以不必声明每一个变量的类型。变量声明尽管不是必需的，但在使用变量之前先进行声明是一种好的习惯。可以使用var语句来进行变量声明。例如：

vartemp;//没有赋值

varscore=95;//数值类型

varmale=true;//布尔类型

varauthor=isaac//字符串;JavaScript是一种区分大小写的语言，因此将一个变量命名为“computer”和将其命名为“Computer”是不一样的。另外，变量名称的长度是任意的，但必须遵循以下规则：

（1）第1个字符必须是一个字母（大小写均可）或一个下划线。

（2）后续的字符可以是字母、数字