【文档说明】第12章JavaScript与插件课件.ppt，共(34)页，1.281 MB，由小橙橙上传

转载请保留链接：https://www.ichengzhen.cn/view-45204.html

以下为本文档部分文字说明：

第12章JavaScript与插件•最初的Web页面中基本上都是静态的对象，即文字和图像，使用JavaScript和DOM模型为网页增加了很多交互的特性，但处理的对象仍然是文字和图像。•而如今的Web页面中多媒体、动画的应用随处可见，它们是由各种插件实现的。•插件是对原有

DOM模型功能的补充，它们可以通过<object>标签嵌入到网页内部，很多插件还具备与JavaScript进行交互的能力。•插件的种类很多，本章将要介绍其中最常用的3种：Javaapplet、ActiveX控件和Flash。Javaap

pletJavaapplet12.1ActiveX控件ActiveX控件12.2FlashFlash12.312.1Javaapplet•Javaapplet是最早的浏览器插件形式，它基于Java实现，浏览器可以通过applet运行Java代码。•以前，applet必须使用<applet>标签

进行声明，HTML4.0已经不推荐使用<applet>，更倾向于使用<object>嵌入所有类型的插件。•因此，Sun公司创建了Java插件，并将它作为Java运行时环境（JavaRuntimeEnviroment，J

RE）的一部分。12.1.1创建applet•创建applet的方法非常简单，只需要创建一个继承自java.applet.Applet类的Java类即可。•例12-1所示是一个简单的applet示例。•【例12-1】TestApplet.java12.1.2使用applet•

在HTML页面中使用applet之前，需要将其编译生成的.class文件放置到Web服务器的目录下。•【例12-2】TestApplet.html（a）applet最初显示内容（b）改变内容和字体颜色图12-1applet示例页面12.2ActiveX控件•在Windows的IE浏览器中，可以

使用<object>标签在页面中添加ActiveX控件。使用ActiveX控件需要在<object>的clsid属性中指定控件的classID。•ActiveX控件只能在Windows平台使用，下载控件的过程可能受到浏览器安全性设置的影响。•因此ActiveX控件比较适合在内部网络应用中使用，

而且操作系统必须是Windows。•通过JavaScript可以调用ActiveX控件对外公开的方法，在ActiveX控件内部也可以通过触发事件的方式调用外部的JavaScript代码，因此ActiveX控件与JavaScript可以实

现双向的通信，是功能非常强大的浏览器插件。12.2.1创建ActiveX控件•使用微软的VisualStudio可以很方便地创建ActiveX控件，本节将使用VisualStudio2019（VS2019）作为开发工具，创建名为“TestOcx”的控

件。图12-2新建MFCActiveXControl项目图12-3MFCActiveXControl项目向导（a）“资源视图”菜单（b）资源视图图12-4资源视图图12-5对话框（1）添加类（a）“添加类”菜单（b）添加类向导图12-6添加类（2）添加变量（a）“添加变量”菜单（

b）添加变量向导图12-7添加变量（3）添加函数（a）“添加函数”菜单（b）添加函数向导图12-8添加函数（4）添加事件（a）“添加事件”菜单（b）添加事件向导图12-9添加事件•【例12-3】初始化Ac

tiveX控件的对话框12.2.2使用ActiveX控件•在HTML页面中嵌入ActiveX控件需要使用<object>标签，通过classid属性指明控件的classid值。•每一个ActiveX控件都具有一个

全球唯一的ID标志，VS2019会在创建MFCActiveXControl项目时自动为控件分配ID，我们可以在TestOcx.idl源文件最后的部分找到该ID的定义，•即：•//ClassinformationforCTestOcx

Ctrl•[uuid(57C524F2-A9A7-4B48-B766-5858C062A940),•helpstring("TestOcxControl"),control]•coclassTestOcx•{•[default]dispinte

rface_DTestOcx;•[default,source]dispinterface_DTestOcxEvents;•};•【例12-4】TestOcx.html（a）显示控件对话框（b）事件处理图

12-10ActiveX控件测试页面12.3Flash•Flash提供了基于向量图的动画设计功能，只要客户端安装了Flash播放器，就可以使用网页中内嵌的Flash对象。•毫无疑问，Flash是当今最流行的浏览器插件，几乎在所

有的浏览器和操作系统上都可以使用。•Flash发展到今天，已经成为富因特网应用（RIA）概念的实现平台，具备构建整个网站和开发Web应用的能力。•本节将要介绍的是如何在网页中嵌入Flash动画以及如何通过JavaScript与Flash进行交互。12.3

.1创建Flash图12-11创建Flash文档图12-12文本输入框的属性设置图12-13添加Button组件图12-14Action设置界面图12-15调整Flash文档尺寸12.3.2Flash与JavaScript的交互•1．嵌入Flash动画•2．Flash与JavaScript的交

互•【例12-5】TestFlash.html（a）JavaScript修改Flash中文本框内容（b）Flash调用JavaScript方法图12-16Flash与JavaScript的交互•3．常用的Flash方法方法声明含义Play()播放FlashStopPlay()停止播放FlashI

sPlaying()判断Flash是否正在播放GotoFrame(frame_number)跳转到某一帧TotalFrames()获取Flash的总帧数CurrentFrame()返回当前所在帧数Rewind()使Flash返回第一帧SetZoomRect(left,t

op,right,buttom)放大指定区域Zoom(percent)改变Flash大小表12-1Flash对象常用方法及其含义Pan(x_position,y_position,unit)使Flash在x,y方向上平移PercentLoaded(

)返回Flash已经加载的百分比LoadMovie(level_number,path)加载FlashTGotoFrame(movie_clip,frame_number)将影片剪辑跳转到指定帧数TGotoLabel(movie_clip,label_name)将影片剪

辑跳转到指定标签TCurrentFrame(movie_clip)返回影片剪辑的当前帧数TCurrentLabel(movie_clip)返回影片剪辑的当前标签TPlay(movie_clip)播放影片剪辑TStopPlay(movie_clip)停止播放影片剪辑GetVaria

ble(variable_name)获取变量值SetVariable(variable_name,value)设置变量值TCallFrame(movie_clip,frame_number)执行指定帧上的动作TCallLabel(movie_clip

,label)执行指定标签所代表帧的动作TGetProperty(movie_clip,property)获取影片剪辑的指定属性TSetProperty(movie_clip,property,number)设置影片剪辑的指定属性小结•随着Web中内容的逐渐丰富，仅仅使用普通的HTML页面

呈现静态内容已经不能满足应用的需求。•于是，各类浏览器插件技术出现了，它们弥补了传统HTML页面动态能力的不足。•本章介绍了3种常用的插件技术：Javaapplet、ActiveX控件和Flash，并通过示例讲解如何使用JavaScript访问、操作插件，以及如何在插件中调用

JavaScript代码。