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