chapter07 网页设计与Web编程教案-第一文库 | 海量文档资源下载与分享平台

免费试读已结束，剩余 77 页请下载文档后查看

15 金币

下载此文档

/ 87

下载提示文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

第七章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代码，多个语句之间使用分号进行分隔。例如：<imgsrc="zzcc.jpg"onClick="javascript:vard1=(newDate()).getTime();vard2=(newDate(2008,4,12)).getTime();vardays=Math.floor((d1-d2)/(1000*60*60*24));alert('距离汶川地震已过去'+days+'天!')">JavaScript脚本的引入方法通过HTML的事件属性引入。HTML元素的事件属性用于指示如何处理特定的事件，方法是将脚本指定为事件属性的值，以响应系统或用户的动作。事件属性名称由事件名称加一个“on”前缀构成，如onClick，onMouseOver等。例如：<scripttype="text/javascript"></script><imgsrc="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等，它们都不能作为标识符使用。词法规则词法规则词法规则词法规则词法规则基本数据类型基本数据类型基本数据类型变量的初始化：变量可以在声明的同时指定初始值。例如：varnum=100;varstr="JavaScriptLanguage",flag=true;仅用var声明但未初始化的变量获得默认初值undefined。变量的类型实际类型视变量内容而定。例如，上例中的num为数值型变量，str为字符串型变量，flag为布尔型变量。变量的类型可以根据变量内容的改变而自动更改。例如：varnum=1;//num为数值型变量num="HelloWorld!";//num为字符串型变量变量可以不经过var声明就直接使用，而在变量赋值时自动声明该变量。例如：num=100;str="JavaScriptLanguage";flag=true;好的编程风格：所有变量在第一次使用前都用var进行声明！运算符和表达式运算符和表达式运算符和表达式运算符和表达式运算符和表达式条件运算符和条件表达式条件运算符有3个操作数，一般格式如下：条件式?valueB:valueC当条件式成立时，valueB会被赋给整个条件表达式，否则将valueC赋给条件表达式