《JavaScript与插PPT课件》由会员分享，可在线阅读，更多相关《JavaScript与插PPT课件（34页珍藏版）》请在金锄头文库上搜索。
1、第12章 JavaScript与插件 最最初初的的Web页页面面中中基基本本上上都都是是静静态态的的对对象象，即即文文字字和和图图像像，使使用用JavaScript和和DOM模模型型为为网网页页增增加加了了很很多多交交互互的的特特性性，但但处处理理的的对对象象仍仍然然是是文字和图像。文字和图像。 而而如如今今的的Web页页面面中中多多媒媒体体、动动画画的的应应用用随随处可见，它们是由各种插件实现的。处可见，它们是由各种插件实现的。 插插件件是是对对原原有有DOM模模型型功功能能的的补补充充，它它们们可可以以通通过过标标签签嵌嵌入入到到网网页页内内部部，很很多多插插件件还具备与还具备与JavaS
2、cript进行交互的能力。进行交互的能力。 插插件件的的种种类类很很多多，本本章章将将要要介介绍绍其其中中最最常常用用的的3种：种：Java applet、ActiveX控件和控件和Flash。Java applet12.1 ActiveX控件12.2 Flash12.312.1 Java applet Java applet是是最最早早的的浏浏览览器器插插件件形形式式，它它基基于于Java实实现现，浏浏览览器器可可以以通通过过applet运运行行Java代码。代码。 以以前前，applet必必须须使使用用标标签签进进行行声声明明，已已经经不不推推荐荐使使用用，更更倾倾向向于使用于使用嵌入所有
3、类型的插件。嵌入所有类型的插件。 因因此此，Sun公公司司创创建建了了Java插插件件，并并将将它它作作为为Java运运行行时时环环境境（Java Runtime Enviroment，JRE）的一部分。）的一部分。12.1.1 创建applet 创创建建applet的的方方法法非非常常简简单单，只只需需要要创创建一个继承自类的建一个继承自类的Java类即可。类即可。 例例12-1所示是一个简单的所示是一个简单的applet示例。示例。【例【例12-1】 12.1.2 使用applet 在在HTML页面中使用页面中使用applet之前，需要之前，需要将其编译生成的将其编译生成的.class文件
4、放置到文件放置到Web服务服务器的目录下。器的目录下。 【例【例12-2】 （a）applet最初显示内容 （b）改变内容和字体颜色图12-1 applet示例页面 12.2 ActiveX控件 在在 Windows的的 IE浏浏 览览 器器 中中 ， 可可 以以 使使 用用标标签签在在页页面面中中添添加加ActiveX控控件件。使使用用ActiveX控控件件需需要要在在的的clsid属属性性中中指指定定控控件的件的class ID。 ActiveX控控件件只只能能在在Windows平平台台使使用用，下下载载控件的过程可能受到浏览器安全性设置的影响。控件的过程可能受到浏览器安全性设置的影响。
5、因因此此ActiveX控控件件比比较较适适合合在在内内部部网网络络应应用用中使用，而且操作系统必须是中使用，而且操作系统必须是Windows。 通通过过JavaScript可可以以调调用用ActiveX控控件件对对外外公公开开的的方方法法，在在ActiveX控控件件内内部部也也可可以以 通通 过过 触触 发发 事事 件件 的的 方方 式式 调调 用用 外外 部部 的的JavaScript代代 码码 ， 因因 此此 ActiveX控控 件件 与与JavaScript可可以以实实现现双双向向的的通通信信，是是功功能能非非常强大的浏览器插件。常强大的浏览器插件。12.2.1 创建ActiveX控件
6、使使用用微微软软的的Visual Studio可可以以很很方方便便地地创创 建建 ActiveX控控 件件 ， 本本 节节 将将 使使 用用 Visual Studio 2005（VS 2005）作作为为开开发发工工具具，创创建名为建名为“TestOcx”的控件。的控件。图12-2 新建MFC ActiveX Control项目 图12-3 MFC ActiveX Control项目向导 （a）“资源视图”菜单 （b）资源视图图12-4 资源视图 图12-5 对话框 （1）添加）添加类 （a）“添加类”菜单 （b）添加类向导图12-6 添加类 （2）添加）添加变量量 （a）“添加变量”菜单 （
7、b）添加变量向导图12-7 添加变量 （3）添加函数）添加函数 （a）“添加函数”菜单 （b）添加函数向导图12-8 添加函数 （4）添加事件）添加事件 （a）“添加事件”菜单 （b）添加事件向导图12-9 添加事件 【例【例12-3】 初始化初始化ActiveX控件的对话框控件的对话框 12.2.2 使用ActiveX控件 在在HTML页页面面中中嵌嵌入入ActiveX控控件件需需要要使使用用标标签签，通通过过classid属属性性指指明明控控件的件的classid值。值。 每每一一个个ActiveX控控件件都都具具有有一一个个全全球球唯唯一一 的的 ID标标 志志 ， VS 2005会会
8、在在 创创 建建 MFC ActiveX Control项项目目时时自自动动为为控控件件分分配配ID，我我们们可可以以在在源源文文件件最最后后的的部部分分找找到到该该ID的定义，的定义，即：即：/ Class information for CTestOcxCtrl uuid(57C524F2-A9A7-4B48-B766-5858C062A940), helpstring(TestOcx Control), control coclass TestOcx default dispinterface _DTestOcx; default, source dispinterface _DTest
9、OcxEvents;【例【例12-4】 （a）显示控件对话框 （b）事件处理图12-10 ActiveX控件测试页面 12.3 Flash Flash提提供供了了基基于于向向量量图图的的动动画画设设计计功功能能，只只要要客客户户端端安安装装了了Flash播播放放器器，就就可可以以使使用用网网页页中中内嵌的内嵌的Flash对象。对象。 毫毫无无疑疑问问，Flash是是当当今今最最流流行行的的浏浏览览器器插插件件，几乎在所有的浏览器和操作系统上都可以使用。几乎在所有的浏览器和操作系统上都可以使用。 Flash发发展展到到今今天天，已已经经成成为为富富因因特特网网应应用用（RIA）概概念念的的实实现
10、现平平台台，具具备备构构建建整整个个网网站站和和开发开发Web应用的能力。应用的能力。 本本节节将将要要介介绍绍的的是是如如何何在在网网页页中中嵌嵌入入Flash动动画以及如何通过画以及如何通过JavaScript与与Flash进行交互。进行交互。12.3.1 创建Flash图12-11 创建Flash文档 图12-12 文本输入框的属性设置 图12-13 添加Button组件 图12-14 Action设置界面 图12-15 调整Flash文档尺寸 12.3.2 Flash与JavaScript的交互1嵌入Flash动画2Flash与JavaScript的交互【例【例12-5】 （a）Jav
11、aScript修改Flash中文本框内容（b）Flash调用JavaScript方法图12-16 Flash与JavaScript的交互 3常用的常用的Flash方法方法 方 法 声 明含 义Play()播放FlashStopPlay()停止播放FlashIsPlaying()判断Flash是否正在播放GotoFrame(frame_number)跳转到某一帧TotalFrames()获取Flash的总帧数CurrentFrame()返回当前所在帧数Rewind()使Flash返回第一帧SetZoomRect(left,top,right,buttom)放大指定区域Zoom(percent)改
12、变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)返回影片剪辑的当
13、前标签TPlay(movie_clip)播放影片剪辑TStopPlay(movie_clip)停止播放影片剪辑GetVariable(variable_name)获取变量值SetVariable(variable_name,value)设置变量值TCallFrame(movie_clip,frame_number)执行指定帧上的动作TCallLabel(movie_clip,label)执行指定标签所代表帧的动作TGetProperty(movie_clip,property)获取影片剪辑的指定属性TSetProperty(movie_clip,property,number)设置影片剪辑的指
14、定属性小 结 随随着着Web中中内内容容的的逐逐渐渐丰丰富富，仅仅仅仅使使用用普普通通的的HTML页页面面呈呈现现静静态态内内容容已已经经不不能能满足应用的需求。满足应用的需求。 于于是是，各各类类浏浏览览器器插插件件技技术术出出现现了了，它它们们弥弥补补了了传传统统HTML页页面面动动态态能能力力的的不不足。足。 本本章章介介绍绍了了3种种常常用用的的插插件件技技术术：Java applet、ActiveX控控件件和和Flash，并并通通过过示示例例讲讲解解如如何何使使用用JavaScript访访问问、操操作作插插件件，以及如何在插件中调用以及如何在插件中调用JavaScript代码。代码。
