JavaScript程序设计幻灯片.ppt

JavaScript程序设计 第1章 JavaScript语言概论 1.1 JavaScript语言概况 1.2 在Web页面中使用JavaScript 1.3 编写JavaScript的工具 1.4 第一个JavaScript程序 1.1.1 JavaScript语言 JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java小程序一起实现在一个Web页面中连接多个对象，与Web客户交互作用，从而可以开发客户端的应用程序 1.1.2 JavaScript可以做什么 制作网页特效 例如：光标动画、信息提示、动态广告面板、检测鼠标行为等。 提升使用性能 越是复杂的代码，越要耗费系统资源来执行它，因为大部分的JavaScript程序代码都在客户端执行，操作时完全不用服务器操心，这样，网页服务器就可以将资源用在提供客户端更多更好的服务上。 窗口动态操作 利用JavaScript，可以很自由地设计网页窗口的大小、窗口的打开与关闭等，甚至也可以在不同窗口文件中互相传递参数。 1.1.3 JavaScript 和Java的比较 基于对象和面向对象 Java 是一种真正的面向对象的语言，即使是开发简单的程序，也必须设计对象。 JavaScript 是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。 解释和编译 Java的源代码在传递到客户端执行之前，必须经过编译， JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户端由浏览器解释执行。 强变量和弱变量。 Java采用强类型变量，即所有变量在编译之前必须作声明。 JavaScript中变量声明，采用弱类型。即变量在使用前不需作声明，而是解释器在运行时检查其数据类型，。 代码格式不一样。 嵌入方式不一样。 JavaScript 使用Script和/Script来标识，而Java使用applet和/applet来标识。 1.1.4 JavaScript的执行平台 IE 几乎所有的浏览器 1.2 在Web页面中使用JavaScript JavaScript是内嵌在HTML中被执行的 在HTML中通过标记SCRIPT……/SCRIPT引入JavaScript代码，当浏览器读取到SCRIPT标记时，就解释执行其中的脚本。 例1.2.2-1 链接JavaScript文件 如果脚本程序较长或者同一段脚本可以在若干个Web页中使用，则可以将脚本放在单独的一个.js文件里，然后链接到需要它的HTML文件，这相当于将其中的脚本填入链接处。 要引用外部脚本文件，使用SCRIPT标记的SRC属性来指定外部脚本文件的URL。 例1.2.3-1 1.3 编写JavaScript的工具 使用纯文本编辑器 使用专业化脚本编辑工具 ，如Dreamweaver等。 使用Microsoft脚本编辑器 ，FrontPage(Expression Web和Sharepoint Designer ) 。 1.4 第一个JavaScript程序 1.4.1 关于SCRIPT标签 HTML文档中组成Javascript程序的语句包含在SCRIPT …/SCRIPT标签对中 SCRIPT标签用来通知Web浏览器随后的指令由脚本引擎来解释。SCRIPT标签的LANGUAGE属性告诉浏览器使用的是哪种脚本语言和脚本语言的版本。 1.4.2 创建JavaScript源代码文件 JavaScript源代码文件通常使用.js扩展文件名命名，其中仅包含有JavaScript语句，它不包含HTML中的SCRIRT……/SCRIRT标签对。 SCRIRT……/SCRIRT标签对位于HTML文档中调用源代码文件的位置。 下面的语句说明了如何装载位于C:\java目录下名为test1.js的JavaScript源代码文件。源程序如下： SCRIPT LANGUAGE=”JavaScript1.2” SRC=”C:\java\test1.js” /SCRIPT 1.4.3 为JavaScript程序添加注释 JavaScript支持两种类型的注释：行注释和块注释。 行注释是通过在想要用作注释的文本前加上“//”符号来创建。 块注释可以跨越多行，通过在块中第一行前添加“/*”创建，在块中文本的最后加入“*/”来表示结束注释，那么位于“/*”和“*/”之间的部份将被JavaSc