网页设计第9章-10.pptVIP

第九章 制作网页动态效果 本章学习目标 掌握JavaScript的语法、对象及使用 掌握JavaScript 代码嵌入到HTML文档的方法 掌握行为的使用方法 掌握网页中的媒体应用 9.1 JavaScript的简介 JavaScript通过嵌入或调用在标准的HTML语言中实现功能。它与HTML标记结合在一起，弥补了HTML语言的不足，JavaScript使得网页变得更加生动。 9.1 JavaScript的基本语法 9.2.1 JavaScript脚本的语法格式 9.1 JavaScript的常量与变量 1．常量 9.2.3 JavaScript的运算符和表达式 运算符也称为操作符，JavaScript常用的运算符有：算术运算符（包括+、-、*、/、%、++、--）、比较运算符（包括、=、、=、==、!=）、逻辑运算符（ 、||、 !）、赋值运算符（=）、条件运算符（？：）以及其他类型运算符。 body script type=text/JavaScript !-- i=1+2 document.write(1+2=,i); //-- /script /body 表达式是运算符和操作数的组合，表达式通过求值确定表达式的值，这个值是操作数据实施运算的结果，由于表达式是以运算符为基础的，所以表达式可以分为算术表达式、字符串表达式、赋值表达式、逻辑表达式等。 例如在“实例1.html”中：date + , + year + /center是一个字符串表达式。 9.2.3 JavaScript的语句 9.2.5Javascript 函数 JavaScript的全局函数 decodeURI() --解码某个编码的 URI。 decodeURIComponent() --解码一个编码的 URI 组件。 encodeURI() --把字符串编码为 URI。 encodeURIComponent()- 把字符串编码为 URI 组件。 escape() -对字符串进行编码。 eval() -计算 JavaScript 字符串，并把它作为脚本代码来执行。 getClass() --返回一个 JavaObject 的 JavaClass。 isFinite() --检查某个值是否为有穷大的数。 isNaN() --检查某个值是否是数字。 parseFloat() --解析一个字符串并返回一个浮点数。 parseInt() --解析一个字符串并返回一个整数。 unescape() --对由 escape() 编码的字符串进行解码 JavaScript的事件 JavaScript脚本中常用的事件有以下几种： onClick事件：单击鼠标时触发onClick事件。 onDblClick事件：双击鼠标时触发onDblClick事件。 onLoad事件：当前网页被显示时触发onLoad事件。 onMouseDown事件：按下鼠标触发onMouseDown事件。 onMouseUp事件：松开鼠标触发onMouseUp事件。 onMouseOver事件：鼠标指针移动到页面元素上方时触发onMouseOver事件。 onMove事件：窗口被移动时触发onMove事件。 onReset事件：页面上表单元素的值被重置时触发onReset事件 onSubmit事件：页面上表单被提交时触发onSubmit事件。 onUnload事件：当前的网页被关闭时触发onUnload事件 9.3 JavaScript的对象 JavaScript的对象有三类： （3）设置后，单击“确定”按钮，applet文件“jsq.class”就插入到当前文档中，将在“文档”窗口中显示一个applet文件占位符，如图9-27所示。在“属性”面板修改“宽”和“高”为300 9.7.5插入ActiveX 控件 下面以一个播放视频的ActiveX 控件为例进行说明，操作过程如下： （1）下载ActiveX 控件，这个网址/windows/activex/中有许多ActiveX 控件，我们选择 “Movie Player Pro ActiveX Control 6.0” ActiveX 控件，这个ActiveX 控件可以播放视频和音频，内建MOV、MP4、 3GP等的解码器。下载以后，安装到系统中。 （2）在“文档”窗口中，将插入点放置在要插入ActiveX 的位置，然后执行以下操作之一 2．制作飘动的广告 “实例2_2.html”使用JavaScript实现飘动的广告图片，当鼠标移动到广告图片时，停止飘动，当鼠标在广告图片上当击，广告图片退出去。浏览效果如图9-5所示 图9-5 “实例2_1.html”浏览效果 9.6 行为