预览加载中，请您耐心等待几秒...

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

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共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"> <!-- functionshowMsg(){ vard1=(newDate()).getTime(); vard2=(newDate(2008,4,12)).getTime(); vardays=Math.floor((d1-d2)/(1000*60*60*24)); alert('距离汶川地震已过去'+days+'天!'); } //--> </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赋给条件表达式