网页设计实例教程陈旭东孙永芳崔为花张晓诺09章节.pptVIP

本章内容 9.1 基 本 概 念 9.2 JavaScript 基本语法 9.3 JavaScript事件的使用 9.4 使用JavaScript操作HTML对象 9.5 JavaScript应用实例 9.1 基 本 概 念 9.1.1 什么是JavaScript 9.1.2 JavaScript基本特点 9.1.3 Ajax和JQuery的概念 9.1.4 在页面中使用JavaScript 9.1.1 什么是JavaScript JavaScript是由网景（Netscape）公司开发的，最初的版本称为Livescript。自从Sun公司推出著名的Java语言之后，Netscape公司引进了Sun公司有关Java的程序概念，将自己原有的Livescript 重新进行设计，并改名为JavaScript。 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，有了JavaScript，可使网页变得生动。使用它的目的是与HTML一起实现在一个网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的HTML语言中实现的。 JavaScript具有很多优点： 1.简单性 JavaScript是一种脚本编写语言，它采用小程序段的方式实现编程，像其它脚本语言一样，JavaScript同样也是一种解释性语言，它提供了一个简易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。 2.动态性 JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，就称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。 JavaScript具有很多优点： 3.跨平台性 JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行。 4.节省网络交互时间 JavaScript是一种基于客户端浏览器的语言，用户在浏览中填表、验证的交互过程只是通过浏览器对调入HTML文档中的JavaScript源代码进行解释执行来完成的，即使是必须调用服务器端的某个功能，浏览器只将用户输入验证后的信息提交给远程的服务器，大大减少了服务器的开销。 常用的网页脚本技术有JavaScript、VBScript和JScript。其中VBScript和JScript都是微软推出的脚本技术。相对于JavaScript，VBScript代码琐碎，难以阅读，在微软的软件中能得到很好的支持，但在其他大公司的软件里就不那么风光了。而JScript现在只有微软的IE浏览器支持。JavaScript代码易于阅读，易于学习掌握。几乎所有的浏览器都能很好的支持JavaScript。 9.1.2 JavaScript基本特点 1．JavaScript是基于对象的（Object-Based） 说它基于对象（Object-Based），而不是面向对象（Object-Oriented），主要是因为它没有提供抽象、继承、重载等有关面向对象的许多功能，而是把HTML对象、浏览器对象以及自身的内置对象等统一起来，形成一个非常强大的对象系统。 2．JavaScript是事件驱动的（Event-Driven） 事件驱动（Event-Driven）是指JavaScript所实现的功能根据页面上产生的事件来执行。比如鼠标点击、键盘按键等。特定的脚本代码功能要和不同的事件联系起来，当在页面上发生相应事件时由浏览器解释执行。 9.1.2 JavaScript基本特点 3．是一种脚本编写语言 脚本语言的意思就是不需要编译，嵌入在HTML网页中，以源码形式存在，由浏览器解释执行。在代码形式上以小程序段的方式编程，提供了一个简易的开发过程。 4．安全性 使用JavaScript不能访问本地硬盘，不能把数据存到服务器上，不允许对网络文档进行修改和删除。因而该语言具有很高的安全性。 在这里澄清一下概念，不要以为JavaScript和Java有什么关系。它们虽然在语法上相似，但却是不同公司产品，应用范围也不同。Java是可以支持企业级架构的高级程序设计语言，而JavaScript是只用于网页的脚本语言。 9.1.3 Ajax和JQuery的概念 AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和