第六章 JavaScript 脚本语言讲解.ppt

第六章 JavaScript 脚本语言 李芳 6.1 JavaScript 简介 6.2 在网页中插入 JavaScript 的方法 6.3 JavaScript 的基本数据类型和表达式 6.4 JavaScript 的程序结构 6.5 基于对象的 JavaScript 语言 6.6 DOM 对象及编程 6.7 JavaScript 的对象事件处理程序 6.8 实训 第六章 JavaScript 脚本语言 6.1 JavaScript 简介 JavaScript 是 Web 上第一个直叙（ Scripting Language）, 由 Netscape 公司开发，介于 Java 与 HTML 之间、基于对象事件驱动的编程语言。JavaScript 是制作网页的行为标准之一。 6.1 JavaScript 简介 6.1.1 什么是JavaScript Netscape公司为了进一步扩充它的浏览器的功能，开发了一种可以嵌入在Web主页中的编程语言。在早期这种语言叫做 LiveScript，后来为了利用 Sun 公司开发的 Java 语言的功能并借用它的流行性，把它改名为 JavaScript。 JavaScript是一种基于对象的事件驱动并具有安全性能的脚本语言。 6.1 JavaScript 简介 目的是与HTML语言、Java脚本语言(Java小程序)一起实现在Web页面中各个对象的访问和链接，实现与Web客户交互作用。从而可以开发客户端应用程序，它是通过嵌入或调入在标准的HTML语言中实现，弥补了HTML的缺陷。 6.1.2 什么是脚本程序 HTML语言是一种标记语言，它只能定义内容的表现形式，不具有逻辑性，不能与用户进行交互。 嵌入在HTML中的程序语言成为脚本语言，浏览器中要集成有用于解释脚本的模块，称为脚本引擎。 脚本语言用于编写嵌入在网页中的程序，它由浏览器负责解释和执行，可以在网页上产生动态的显示效果和实现与用户交互的特效功能。 6.1 JavaScript 简介 6.1.3 JavaScript 的特点 （1）是一种脚本语言：采用小程序段的方式实现编程。在程序运行过程中被逐行的解释。 （2）基于对象的语言：以“对象”的角度认识和理解HTML文档中的各个元素，并能运用自己已经创建的对象。 （3）简单性：基于Java基本语句和控制流之上的简单而紧凑的设计。其次变量类型采用弱类型。 （4）安全性：通过浏览器实现信息浏览或动态交互，从而防止数据的丢失。 （5）动态性：可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的响应是采用事件驱动方式进行的。 事件驱动就是在主页中执行了某种操作所产生的动作。如按下鼠标等都可以视为事件，当事件发生后。可能会引起的事件响应。 6.1 JavaScript 简介 （6）跨平台性：依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持 JavaScript 的浏览器就可以正确执行，而 JavaScript 几乎被所有浏览器支持。 6.1.4 Java 和JavaScript的差别 虽然JavaScript与Java有一定的联系，但却是两个公司开发的不同的两个产品。 Java是SUN公司的面向对象的程序设计语言，特别适合于Internet应用程序的开发。 JavaScript是Netscape公司开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。 6.2 在网页中插入 JavaScript 的方法 脚本代码的位置---可以在三个地方编写JavaScript脚本代码. 在网页文件的script/script标签对之间； 将脚本代码放置在一个单独的文件中，在网页中引用这个脚本程序文件； 将脚本程序代码作为某个元素的时间属性值或超链接的href属性值 6.2.1 在 HTML 文档中嵌入脚本语言 JavaScript 的脚本语言包含在 HTML 中，成为 HTML 文档的一部分。其格式如下： html script language=“javascript” JavaScript 语言代码； … /script /html 6.2 在网页中插入 JavaScript 的方法 属性 language=“ja