jQuery网页特效设计基础教程课件 第1单元 JavaScript 基础.pptx

第1单元JavaScript基础

了解什么是JavaScript。了解JavaScript的开发工具及使用。了解如何编写并运行JavaScript程序。了解JavaScript程序的出错类型及调试方式。了解JavaScript常用库。教学目标pedagogicalobjectives能够搭建JavaScript开发环境及使用开发工具。能够使用JavaScript的调试方式来进行代码调试。培养对编程语言的兴趣与探索精神，理解JavaScript的基础知识与特点，养成独立配置开发环境和解决编程问题的能力，提升逻辑思维与实践能力。

目录导航1.1JavaScript概述1.3编写和运行第一个JavaScript程序1.5项目实战：设计简单倒计时器1.2JavaScript的开发工具1.4JavaScript库

1.1.1什么是JavaScriptJavaScript是由Netscape公司开发的一种Web页面脚本语言，也是一种通用的、跨平台的、基于对象和事件驱动的，并具有相对安全性的解释型脚本语言。它不需要进行编译，而是直接嵌入HTML（HypertextMarkupLanguage，超文本标记语言）页面中，把静态页面转变成支持用户交互并响应相应事件的动态页面，在Web系统中应用非常广泛。

1.1.2JavaScript的应用01OPTION校验用户输入的内容校验功能校验功能常常与服务器端的数据库相关联。例如，在开发密码登录页面时，用户要输入正确的登录名和登录密码。校验格式校验格式可以只发生在客户端，即在将表单提交到服务器端之前完成。JavaScript能及时响应用户的操作，对提交的表单做即时校验。JavaScript常用于校验用户输入的格式。

1.1.2JavaScript的应用02OPTION实现实时预览效果在Web编程中，多数情况下需要程序与用户进行交互，告诉用户已经发生的情况，或者从用户的输入中获得下一步的数据，程序的运行过程大多数是一步步交互的过程实时预览许愿字条效果

1.1.2JavaScript的应用03OPTION实现动画效果网页中经常会有一些动画效果，其能使页面显得更加生动。使用JavaScript脚本语言也可以实现动画效果，例如在页面中实现一种星星闪烁的动画效果。04OPTION实现浮动广告窗口在打开网页时我们经常会看到一些浮动的广告窗口。这些广告窗口是网站最大的盈利手段之一，它们也可以通过JavaScript脚本语言来实现。

1.1.2JavaScript的应用05OPTION实现文字特效使用JavaScript语言可以实现多种文字特效。例如文字滚动的特效。

1.1.3JavaScript的特点JavaScript不同于一些编译性的编程语言（例如C、C++等），它是一种解释性的程序语言，它的源代码不需要经过编译，而是直接在浏览器中运行时被解释。无须编译，在浏览器中运行时被解释基于对象事件驱动JavaScript是一种基于对象的语言，这意味着它能运用自己已经创建的对象。因此，它的许多功能可以来自脚本环境中对象的方法与脚本的相互作用。JavaScript可以直接对用户输入做出响应，无须经过Web服务程序。它对用户输入的响应是以事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，此动作称为“事件”。JavaScript是一种基于Java基本语句和控制流的简单而紧凑的语言，对于学习Java来说是一种非常好的过渡。此外，它的变量类型采用弱类型，并未采用严格的数据类型。相对简单跨平台，多种浏览器支持安全性高JavaScript依赖于浏览器本身，与操作环境无关。只要计算机能运行浏览器，并且浏览器支持JavaScript，就可正确运行JavaScript。JavaScript是一种安全性高的语言，不允许将数据存入服务器上和对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，这样可有效地防止数据丢失。

目录导航1.1JavaScript概述1.3编写和运行第一个JavaScript程序1.5项目实战：设计简单倒计时器1.2JavaScript的开发工具1.4JavaScript库

1.2.1使用记事本开发记事本是最原始的JavaScript开发工具之一，它最大的优点就是不需要独立安装，只要安装Windows操作系统，使用系统自带的记事本，就可以开发JavaScript应用程序。【例1-1】下面介绍如何将记事本作为JavaScript的编辑器，编写第一个JavaScript脚本。htmlheadtitle一段简单的JavaScript代码/titlescriptlanguag