第 6章 ActiveX技术的应用本章训练目标:
(1) 通过示例掌握 ActiveX的运行机制和技术概貌 。
(2) 通过案例掌握使用 ActiveX技术制作页面的技巧 。
(3) 通过实训熟练掌握使用 ActiveX技术制作网页的技能 。
(4) 经过一定的练习,培养自行学习和掌握新软件的技能 。
ActiveX技术的应用
6.1 ActiveX技术概述
6.2 应用 ActiveX控件制作页面案例
6.3 应用 ActiveX控件制作页面实训课题 —— 图书目录显示
练 习
上机练习
实训课题
6.1 ActiveX技术概述
6.1.1 ActiveX技术概述使用 ActiveX技术可以用组装的办法开发软件,程序员可把 ActiveX控件看作是软件芯片,使用脚本把软件芯片组装,焊接,到一起,完成软件的开发研制工作 。
ActiveX不是一种编程语言,它是一种与语言无关的技术标准,可以用来创建功能强大的 Web页面 。 ActiveX是基于 Microsoft组件对象模型标准的技术,
ActiveX也提供可操作的接口,即方法,属性和事件 。
6.1.2 ActiveX技术应用示例 1—— 应用 FrontPage 2000将命令按钮嵌入页面
(1) 任务要求:在页面上嵌入一个命令按钮 。
(2)读者既可以使用 FrontPage 2000,也可以应用控件嵌入工具 ActiveX Control
Pad将控件嵌入页面,本示例我们将介绍 FrontPage2000嵌入控件的方法 。
(3)如果在对话框中没有列出用户所需要的控件,用户可以单击图 6.1对话框下方的,自定义,按钮,弹出,自定义 ActiveX控件列表,对话框,如图
6.2所示 。
图 6.1,插入 ActiveX控件,对话框 图 6.2,自定义 ActiveX控件列表,对话框
(4)在对话框中选择所需控件,然后单击,确定,按钮 。 用户在,自定义
ActiveX控件列表,对话框中,选择的控件出现在,插入 ActiveX控件,
对话框中,如图 6.3所示 。
(5) 在图 6.3的对话框中选择 Microsoft Forms 2.0 CommandButton选项,然后单击,确认,按钮 。
(6) 命令按钮已经插入页面,如图 6.4所示 。
(7) 用鼠标右键单击控件,出现一个下拉菜单,在菜单中选择
,ActiveX控件属性”出现,ActiveX控件属性”对话框,如图 6.5
所示。
(8) 在图 6.5中选择“参数”选项卡。
图 6.5,ActiveX控件属性”对话框 图 6.6 参数选项卡
(9) 弹出“编辑对象参数”对话框,如图 6.7所示。
(10) 回到图 6.6界面,单击“确定”按钮,按钮上已输入“确认”字样,
如图 6.8所示。
(11) 用户也可以在编辑窗口调整按钮的大小与位置。
图 6.7,编辑对象参数”对话框 图 6.8 修改控件属性
(12)打开编辑窗口的,HTML”标签,我们可以见到命令按钮的代码已经嵌入页面 。
(13) 以文件名 ex06-001.html保存嵌入控件的页面
(14)说明:通过示例我们可以看到,使用 Frontpage2000,可以把控件直接插入页面,控件代码自动生成 。
6.1.3 ActiveX技术应用示例 2—— 应用 ActiveX Control Pad将命令按钮的嵌入
ActiveX Control Pad 也是一种所见即所得的页面制作工具,使用起来十分方便,用户可以直接在控件编辑窗口制作控件,不需要做多少编程工作。它还支持 JavaScript和 VBScript脚本语言的嵌入。
(1) 任务要求:如示例 1。
(2) 安装 ActiveX Control Pad。 ActiveX Control Pad是一个自由软件,它的安装较为容易,读者只要运行其 SetupPad.exe文件,然后根据屏幕提示,
一步步操作即可。
图 6.9 ActiveX Control Pad快捷图标
(3)运行 ActiveX Control Pad出现 ActiveX Control Pad界面,如图 6.10所示。
(4)在图 6.10中选择,File->New HTML Layout”选项,出现 New HTML
Layout界面,见图 6.11。
(5)在图 6.11的工具箱中单击命令按钮图标,然后把鼠标移到编辑窗口中的合适位置,点击鼠标,命令按钮控件在编辑窗口出现。
(6)在图 6.12中单击,Properties”出现属性窗口,见图 6.13,用户可以在窗口中修改控件的属性值。
图 6.10 ActiveX Control Pad界面 图 6.11 New HTML Layout界面图 6.12 控件的下拉菜单 图 6.13 属性对话框
(7) 制作完成后的编辑窗口如图 6.14所示 。
(8) 页面嵌入 ActiveX控件后保存到文件 ex06-001.alx文件中。
(9) 把文件存成 HTML格式,在浏览器中浏览 ex06-001_1.html,效果如图 6.16所示。
(10) 在文本浏览器中查阅 ex06-001.alx文件的源代码
(11) 说明:通过示例我们可以看到,使用 ActiveX Control Pad控件嵌入工具,可以把控件直接插入页面,控件代码自动生成。
图 6.14 制作完成的页面 图 6.15 控件代码被嵌入文本图 6.16 页面在浏览器中的显示效果 图 6.17 ActiveX控件的下载使用过程
6.1.4 ActiveX的运行机制
ActiveX是随同页面一起下载到客户端来展现其自身的 。 ActiveX控件的下载过程见图 6.17。 在服务器端,为了便于网上传输 ActiveX,控件文件以压缩形式存放,它的文件名后缀是 *.cab(cabinet文件 )。 控件的下载及使用过程如下:
(1) 客户端向服务器端发出请求,请求某个网页 (例如 Default.html页面 ),该网页嵌有 ActiveX控件 。
(2) 服务器端响应请求,把嵌有 ActiveX控件的网页传至客户端 。
(3) 客户端根据嵌入网页 ActiveX的控件类型标识 CLSID,先在本机控件注册表中查找,如果本机有该控件,且版本号不低于服务器端该
ActiveX的版本号,则使用本机控件 。
(4) 如果本机没有该 ActiveX控件,或者本机有该控件但较服务器端该
ActiveX的版本号低,则需从服务器端下载 。
(5) 下载完成后,该控件要经过安全检查、解压缩,并在本地的 Windows
系统的注册表中注册,然后才能被激活使用。
(6) 注册后控件文件的后缀是 *.ocx,存放在 Windows目录的 Downloaded
Program Files目录下,下载的网页暂存在 Temporary Internet Files目录下 。
6.1.5 使用 ActiveX控件的环境用户在应用程序中使用 ActiveX控件时,先要把 ActiveX控件嵌入应用程序,然后使用脚本语言或其他支持 ActiveX的编程工具为这些控件开发用户界面 。 支持 ActiveX的应用环境称作容器,这里的容器是指使用或测试 ActiveX的环境 。 可以用来对 ActiveX控件进行操控的脚本语言有 JavaScript和 VBScript。
6.1.6 ActiveX控件的获得
ActiveX控件的来源很多,因特网上、软件制造商,以及网络爱好者都会发布 ActiveX,但未经专业机构认证,往往不安全。
6.1.7 ActiveX控件的功能一个 ActiveX控件具有属性,事件和方法 。 把控件插入到页面中后,页面的脚本语言通过属性,事件和方法来对控件进行操作 。
1,属性属性是一个 ActiveX控件所具有的特性,例如一个按钮控件 (Button),它的属性有长度、宽度、标题、边框类型和颜色等等。
2,事件事件是引起 ActiveX控件发生动作反应的条件。
3,方法方法是一个 ActiveX控件自己能够完成的处理或动作 。 方法可以被页面的脚本所引用 。
6.1.8 <OBJECT>标记
(1)<OBJECT>的说明:通过使用 <OBJECT>标记把 ActiveX控件插入到
HTML页面 。
(2) <OBJECT>标记的使用规则:
(2) <OBJECT>标记的使用规则
(3) 属性,ID,CLASSID,DATE,PARAM,NAME。
6.1.9 应用 ActiveX技术制作页面的步骤一般来讲,应用 ActiveX技术制作页面可按以下过程进行:
(1) 插入 ActiveX控件,如果有多个 ActiveX控件,用标记 <P>分开
(2) 修改属性的静态设置,使之符合用户要求。
(3) 通过 Script Wizard加入脚本,使 ActiveX响应事件,从而产生相应的动作。
6.2 应用 ActiveX控件制作页面案例
6.2.1 ActiveX应用案例 1—— 欢迎用户光临
(1) 任务要求:在页面上插入一个文本框和一个命令按钮,当用户单击命令按钮时,在文本框显示,欢迎光临中国高等职业教育研究会网站,
字样 。
(2) 制作过程,
① 启动 Frontpage2000,参照上例,在页面中嵌入一个文本框和命令按钮
② 修改控件属性使之符合要求,修改后的页面布局见图 6.19。
③ 在 FrontPage 2000的菜单栏中选择“工具- >宏- >Microsoft 脚本编辑器”弹出图 6.20“脚本编辑器界面”界面。
④ 在 FrontPage 2000的编辑窗口查看页面文件 06-002.hmtl的源代码
⑤ ActiveX应用案例 1在浏览器中的显示如图 6.21所示。
图 6.18 ActiveX应用案例 1的页面布局 图 6.19 修改控件属性后的页面布局图 6.20,脚本编辑器界面”界面图 6.21 ActiveX应用案例 1
6.2.2 ActiveX应用案例 2—— 请用户选择显示内容
(1) 任务要求:页面上有三个单选钮和一个命令按钮,当用户单击命令按钮时,根据单选钮的选择显示不同的图像 。
(2) 制作过程:
①启动 ActiveX Control Pad,在页面中嵌入一幅图像、三个单选钮和一个命令按钮。
② 修改控件属性,使其符合任务要求 。
③在主菜单中选择 Tools->Script Wizard选项,在,Script Wizard”界面的左边 1.Select an Even窗口选择 CommandButton1按钮的 Click事件,在窗口下方选择 Code view单选钮。
④ 把页面布局存为 ex06-003.alx文件 。
⑤ 把 ex06-003.alx插入一个新 HTML文档中,用 ex06-003.html名称保存文件 。
⑥ 在浏览器中浏览 ex06-003.html页面,显示的结果如图 6.22所示 。 选择不同的单选钮,显示不同的图像 。
图 6.22 根据选项钮的选择显示不同的图像
6.2.3 ActiveX应用案例 3—— 信息查询
(1) 任务要求:完成用户信息查询任务。
(2) 制作过程:
① 启动 ActiveX Control Pad,在页面中嵌入下拉列表框和一个命令按钮。
② 修改控件属性,使其符合任务要求 。
③ 在主菜单中选择 Tools->Script Wizard选项,在,Script Wizard”界面的左边 1.Select an Even窗口选择 CommandButton1按钮的 Click事件,在窗口下方选择 Code view单选钮。
④ 把页面布局存为 ex06-004.alx文件 。
⑤ 在记事本中打开 ex06-004.alx文件,
⑥ 完整的 ex06-004.alx代码清单
⑦ 把 ex06-004.alx插入一个新 HTML文档中,用 ex06-004.html名称保存文件 。
⑧ ex06-004.html代码在浏览器中显示结果如图 6.23所示 。
图 6.23 用户信息查询
6.3 应用 ActiveX控件制作页面实训课题 —— 图书目录显示
6.3.1 用户需求用户要求在图书目录页面上显示书名,内容简介和价格,便于读者根据需要选择图书 。
6.3.2 页面布局页面布局如图 6.24所示。当用户点击旋转按钮时,显示不同的书名、内容简介和价格。
6.3.3 制作过程 图 6.24 页面布局页面布局的制作过程如下:
(1) 启动 ActiveX Control Pad,在页面中嵌入一幅图像、七个文本标号控件和一个旋转按钮。
(2) 修改控件属性,使其符合任务要求 。
(3) 定义变量并添加子程序 。
(4) 在主菜单中选择 Tools->Script Wizard选项,在,Script Wizard”界面的 左边 1.Select an Even窗口选择 SprinButton按钮的 SpinUp()事件,在窗口下方选择 Code view单选钮。
(5) 完整的 ex06-005.alx代码清单
6.3.4 在浏览器中测试页面在浏览器中测试页面功能,页面加载效果如图 6.25所示 。
图 6.25 页面加载效果练 习
1,为什么要创建 ActiveX?
2,什么是 ActiveX技术? 它有什么特点?
3 3.简述 ActiveX控件的下载过程,控件文件在服务器端存放的后缀是什么? 在客户端存放的后缀是什么,为什么说 ActiveX控件是一次下载多次使用?
4,ActiveX控件具有哪些要素? 它们的作用是什么?
5,用户如何获得 ActiveX控件?
6,什么是使用 ActiveX控件的环境?
7,控件的 CLASSID属性的含义是什么? 它是如何生成的?
8,在页面中插入 ActiveX控件需要使用什么标记?
9,一般来讲应用 ActiveX技术制作页面的步骤是什么?
上机练习上机练习 1:在页面中插入一个文本框和一个命令按钮,当用户点击命令按钮时在文本框中显示一行文字。
上机练习 2:在页面中插入一组选项钮,根据不同的选择显示不同的文字,图像或演奏不同的音乐 。
上机练习 3:制作一个网上某类物品购物的价格和型号查询界面 。
实训课题制作一个网上购买计算机的价格查询应用,根据用户选择配置的不同,
提供报价 。