第7章 网页行为语言——JavaScript.ppt

7.1 JavaScript语言概述 JavaScript JavaScript是 Web上第一个脚本语言( Scripting Language)。是一种基于对象( Object)和事件驱动( Event Driven)并具有安全性能的编程语言。 有了JavaScript，可使网页变得生动。 JavaScript的出现，使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交互式的表达能力。 JavaScript可用来改变静态的Web页面，它的基本应用领域是客户端的脚本执行功能。 使用它的目的是与HTML超文本标记语言、Java脚本语言( Java 小程序)一起实现在一个Web页面中链接多个对象，与Web客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入或调入标准的HTML语言中实现的。 JavaScript的基本特点： 简单性 动态性 安全性 跨平台性 节省CGI的交互时间 JavaScript和Java的区别： 1、基于对象和面向对象 2、解释和编译 3、代码格式不一样 4、嵌入方式不一样 5、静态绑定和动态绑定 JavaScript是一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。 JavaScript的开发环境简单，直接运行在Web浏览器中，因而倍受Web设计者的喜爱。 7. 2 把JavaScript加到网页中的方法 7. 2.1 在HTML文档中嵌入JavaScript JavaScript的脚本包括在HTML中，它成为HTML文档的一部分。与HTML标识相结合，构成了一个功能强大的Internet网上编程语言。 在编写JavaScript脚本时，可以像编辑HTML文档一样，在编辑器中输入JavaScript脚本的代码。 JavaScript代码由Script Language= “JavaScript” … /Script说明。 在主页中使用Script标记的语法规则为： 一般形式 Script /Script 属 性 TYPE=ProgrammingType language =ProgrammingName Script标记的作用是在主页中包含一段客户端程序。客户端程序能使主页对客户端的事件做出有效的反映。 其格式为： Script Language=“JavaScript” JavaScript脚本… /Script 【例6-l】在HTML文档中嵌入JavaScript的脚本 。 第三版【例5-l】 JavaScript最好写在HTML文件中的HEAD…/HEAD标记之间，这样可以让JavaScript的程序代码在触发任何事件之前第一个被载入。 说明： Script标记可在HEAD和BODY标记中出现任意次。 在Script Language=“JavaScript” …/Script中的程序代码有大、小写之分，例如document.write( )不可以写成Document.write( )，否则将无法得到需要的效果。 第三版【例5-2】 7.2.2 链接脚本文件 引用外部脚本文件的格式为： head … script src=脚本文件名.js type=text/javascript/script … /head 脚本文件的扩展名为.js，内容是脚本，不能包含HTML标记。其格式为： JavaScript语言代码; // 注释 JavaScript语言代码; … JavaScript语言代码; 第三版【例5-3】、脚本文件 7.2.3 在标记内添加脚本 一般来讲 放置在HEAD标记内的JavaScript脚本会在主页和其余部分代码之前装载，因此通常是一些用于调用的函数； 放置在BODY标记内的脚本则通常用于实现动态创建文档或响应输入的事件的功能。 第三版【例5-4】 7.3 JavaScript的基本数据结构 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型、表达式和运算符以及程序的基本框架结构。 7.3.1 基本数据类型 JavaScript有6种数据类型。 String字符类型：字符串是用单引号“ ’ ”或双引号“ ” ”来说明的（使用单引号来输入包含引号的字符串）。 number数值类型：JavaScript支持整数和浮点数。 整数可以为正数、0或者负数； 浮点数可以包含小数点、也可以包含一个“e