Web编程JavaScript部分.ppt

Web技术应用基础 第六章 脚本语言--JavaScript 6.1 脚本语言概述 什么是脚本语言? 嵌入在网页文件中的一种具有程序逻辑的语言． 如何执行脚本语言？ 脚本语言由集成在浏览器中的脚本引擎来解释执行。 什么时候执行脚本语言？ 当浏览器打开一个HTML文档时，会从头到尾逐句解释整个文档中的HTML标签和脚本代码块，如果脚本代码块中有可以执行的语句，浏览器会在读取到该语句时立即解释执行。 6.2 JavaScript概述 6.2.1 JavaScript的起源 JavaScript是Netscape公司与Sun公司合作开发的，在JavaScript出现之前，浏览器只是一种能够显示超文本文档的软件的基本部分，而在JavaScript出现之后，他们的交互性得到了很大的改善。 JavaScript第一个版本- JavaScript1.0出现在1995年推出的Netscape Navigator2浏览器中。 微软在推出IE3.0时发布了VBScript并以Jscript为名发布了JavaScript的一个版本。 6.2 JavaScript概述 6.2.1 JavaScript的起源 面对微软公司的竞争，Netscape与Sun公司联合ECMA(欧洲计算机制造商协会)对JavaScript语言进行了标准化，结果就是ECMAScript语言。 Jscript， JavaScript， ECMAScript实际上是一种语言，但是JavaScript和Java没有任何联系。 6.2 JavaScript概述 6.2.2 JavaScript运行机制 JavaScript是一种嵌入HTML文档中的、跨平台、基于对象和事件驱动的脚本语言，它既可以在客户端运行也可以在服务器上运行。JavaScript由JavaScript核心语言、 JavaScript客户端扩展和JavaScript服务器端扩展三部分组成。核心语言包括JavaScript的基本语法和JavaScript的内置对象，在客户端和服务器端均可运行。 6.2 JavaScript概述 6.2.3 JavaScript的特点 1. JavaScript是一种脚本语言 2. 基于对象 3. 事件驱动 4. 动态 5. 安全 6. 与平台无关 6.2 JavaScript概述 6.2.4 JavaScript应用案例——图像互换位置 1. 任务要求：单击时交换图象 2. 代码示例：例ex6-01.html 6.3 JavaScript基本语法 6.3.1脚本代码的位置 1. JavaScript嵌入HTML文件 应用HTML的script标记加入JavaScript代码。 语法： script language=“JavaScript” JavaScript代码 /script script可以包含在head或body标记内，但包含在head内的JavaScript脚本在页面装载前运行，所以，函数一般包含在head标记内。 6.3 JavaScript基本语法 6.3.1脚本代码的位置 2. 将脚本程序代码放置在一个单独文件中 将JavaScript代码以扩展名“.js”为单独存放，再用script标记的“src”属性把该代码调入文档。 语法： script src=“JavaScript文件名” Javascript.html 6.3 JavaScript基本语法 6.3.1脚本代码的位置 3. 将脚本程序代码作为属性值 如：a href=“javascript:alert(‘hello’);”hello/a input type=button value=test onclick=“alert(‘ok’);” 6.2 JavaScript基本语法 6.2.2 JavaScript书写格式 1、区分大小写 2、用换行符作为一行的终止符 3、如需要把几行代码写在一行中要用“;”分开。 4、注释：一行//…//或多行/*…*/。 6.2 JavaScript基本语法 6.2.3基本数据类型 1. 数据类型 ： 数值型：整数和浮点数。 字符型：用 或 括起来的一连串字符或数字。 布尔型：true和false。 空值：null。 2. 常量 6.2 JavaScript基本语法 6.2.3基本数据类型 3. 变量 : JavaScript使用关键字“var”声明变量并分配存储空间。变量名必须以字母或下划线开始，后面字符可以是字母、数字或下划线。 JavaScript保留字不能做变量名。 JavaScript保留字见教材p145。 语法：var 变量名 或 [var] 变量名=变量值 JavaScript变量采用弱类型表达方式，即声明时可以不说明变量类型，而