《HTML CSS JavaScript网页制作三合一案例教程》教学课件 12第十二章.pptxVIP

主编：徐照兴、谭鸿健、郑宁健;第十二章 JavaScript的应用;;案例一 使用JavaScript实现关闭窗口功能;案例一 制作休闲文章页面——设置图片效果;JavaScript是一种基于对象的直译式脚本语言，使用它可以开发Internet客户端的应用程序。它的解释器被称为JavaScript引擎，为浏览器的一部分。 很多人认为JavaScript是Java的子集，或者认为JavaScript就是Java语言，就像VBScript与VB的关系一样。实际上JavaScript与Java没有任何直接关系，也不是Sun公司的共同产品。JavaScript是Netscape公司为扩充Netscape Navigator浏览器功能而开发的一种可以嵌入到Web主页中的编程语言。Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初是受Java的启发而设计，目的之一就是使其“看上去像Java”，因此JavaScript和Java在语法上有类似之处，如JavaScript一些名称和命名规范借自Java。但是，JavaScript的主要设计原则源自Self和Scheme。;（1）简单性 JavaScript是一种脚本语言，它采用小程序段的方式实现编程，并提供了一个简易的开发过程。它的基本结构形式与C、C++、VB和Delphi十分类似。但它不像这些语言一样需要先编译，而是在程序运行过程中被逐行地解释。JavaScript与HTML标签结合在一起，从而方便用户使用和操作。 （2）动态性 JavaScript是动态的，它可以直接对用户输入做出响应，无须经过Web服务程序。它对用户的响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在网页中执行了某种操作所产生的动作，这些操作被称为“事件”（Event）。例如，按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。 ;（3）跨平台性JavaScript是依赖于浏览器本身，与操作环境无关的脚本语言。只要能运行浏览器，且浏览器支持JavaScript的计算机都可以正确执行它，而不论这台计算机是Windows还是Linux，或者其他操作系统。（4）安全性JavaScript是一种安全性语言，它不允许访问本地硬盘，且不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。 （5）节省CGI的交互时间随着WWW的迅速发展，有许多WWW服务器提供的服务要与浏览者进行交互，以确定浏览者的身份和所需服务的内容等，这项工作通常由CGI/PERL编写相应的接口程序与用户进行交互来完成。这种交互增加了网络通信量，另一方面影响了服务器的性能。;JavaScript需要使用script /script进行声明，脚本添加在页面的script标签内。起始标签script中的type属性指示该元素内的脚本语言类型。 JavaScript代码在页面中的位置非常重要。如果将其放置在页面主体中——如同前面的案例所示，则它将在页面加载时运行（或执行）。但是，很多时候希望脚本在某个事件触发时运行，如按下键盘键或单击提交按钮等。这通常需要调用函数。函数放置在位于页面head区域的script标签内，以确保它们在页面显示之前加载，在页面加载时能够立即使用。使用函数可以在页面不同部分中重用相同的脚本。;另外一种插入JavaScript的方法是把JavaScript代码编写在扩展名为.js的外部文档中。当将JavaScript放在外部文件中时，需要使用script元素的src属性；src属性的值应当是指向包含JavaScript的文件的绝对或相对URL。例如：;案例二 制作跑马灯效果;案例二 制作跑马灯效果;一、数据类型和变量;1．修饰表单标签边框样式;JavaScript 变量可用于存放值（如x=2）和表达式（如z=x+y）。一个变量可以代表一个数字、文本或其他一些东西。为了在变量中存储信息，可以赋予变量一个名称，并在该变量名称和其值之间放置一个等号。例如，前面案例中就定义了3个变量：;1．修饰表单标签边框样式;二、表达式和运算符;三、函数;1．修饰表单标签边框样式;如果仅位于文档头中，area()函数自身不会执行任何操作，它必须被调用。在以上示例中，可以在一个使用onclick事件的简单表单中调用该函数，以便在用户单击Submit按钮时计算面积：;返回结果的函数必须使用return语句。这条语句指定某个值将返回给调用函数的位置。例如，area()函数返回矩形的面积：;四、基本语句;1．修饰表单标签边框样式;循环语句一般在一定条件下重复执行一