chapter07网页设计和Web编程教案.ppt

第七章 JavaScript 脚本编程 ;内容提要;JavaScript概述;第一个JavaScript程序;基于对象 事件驱动 解释性语言 简单性 实时性 跨平台性 安全性;JavaScript脚本的引入方法 通过script与/script标签对引入。将JavaScript脚本代码放在script与/script之间，浏览器自动识别该标签对并逐行解释其间的代码。 通过script标签的src属性引入。将包含在script与/script标签对之间的代码放入扩展名为.js的脚本文件中，然后在HTML文档中通过script标签的src属性来引用该脚本文件。;JavaScript脚本的引入方法 通过JavaScript伪协议引入。伪协议是非标准化通信机制的统称，JavaScript伪协议的一般格式为：javascript: URL。其中“javascript:”是伪协议说明符，URL的主体可以是任意的JavaScript代码，多个语句之间使用分号进行分隔。 例如： img src=zzcc.jpg onClick=javascript: var d1=(new Date( )).getTime( ); var d2=(new Date(2008,4,12)).getTime( ); var days=Math.floor((d1-d2)/(1000*60*60*24)); alert(距离汶川地震已过去+days+天!);JavaScript脚本的引入方法 通过HTML的事件属性引入。HTML元素的事件属性用于指示如何处理特定的事件，方法是将脚本指定为事件属性的值，以响应系统或用户的动作。事件属性名称由事件名称加一个“on”前缀构成，如onClick，onMouseOver等。 例如：script type=text/javascript !-- function showMsg( ){ var d1=(new Date()).getTime( ); var d2=(new Date(2008,4,12)).getTime(); var days=Math.floor((d1-d2)/(1000*60*60*24)); alert(距离汶川地震已过去+days+天!); } //-- /script img src=zzcc.jpg onClick=showMsg( );嵌入JavaScript脚本的位置 JavaScript脚本可放在HTML文档中任何需要的位置。一般来说，可以在head与/head标签对、body与/body标签对之间放置JavaScript脚本代码。放置在head与/head标签对之间的JavaScript脚本一般用于提前载入，以响应用户的页面动作，且一般不影响HTML文档的浏览器显示格局。如果需要在页面载入时动态生成页面内容，应将JavaScript脚本放置在body与/body标签对之间。;标识符 在JavaScript中，标识符用来命名变量和函数。 标识符的第一个字符必须是字母、下划线或美元符号，后续字符可以是字母、数字、下划线或美元符号。例如：x、user_name、U571、_pswd、$money都是合法的标识符。 不能使用JavaScript中的关键字作为标识符。在JavaScript中定义了20多个关键字，这些关键字是JavaScript内部使用的，如var、for、function、if等，它们都不能作为标识符使用。;词法规则;词法规则;词法规则;词法规则;词法规则;基本数据类型;基本数据类型;基本数据类型;变量的初始化：变量可以在声明的同时指定初始值。 例如：var num = 100; var str = JavaScript Language, flag = true; 仅用var声明但未初始化的变量获得默认初值undefined。 变量的类型 实际类型视变量内容而定。例如，上例中的num为数值型变量，str为字符串型变量，flag为布尔型变量。 变量的类型可以根据变量内容的改变而自动更改。 例如：var num = 1; //num为数值型变量