用户直接使用集成的动态HTML语言(简称DHTML)来开发基于.ppt

15.3 VB 应用程序的 Internet 扩展 * 在VB里，用户直接使用集成的动态HTML语言（简称DHTML）来开发基于HTML语言的应用程序。DHTML将文档中的每一个元素都看成一个对象，通过对象的属性、事件和方法来操纵对象以改变浏览器中显示的内容。DHTML的编程与VB编程有所不同，前者以窗体为基本界面，后者则使用Web页，但还是有很大的相似性。 VB使用DHTML应用程序设计器来开发DHTML类型的应用程序。单击“新建工程”中的“DHTML应用程序”即可打开DHTML页面设计器界面，参见图15-1（为例15-1的设计界面）。 图15-1 DHTML页面设计器 第15章 VB与Internet 编程初步 15.1 DHTML页面设计器 15.2 DHTML页面设计示例 15.3 VB 应用程序的 Internet 扩展 DHTML页面设计器有两个窗格，即左边的“树形视图”窗口和右边的“细表”窗口，在“树形视图”窗口显示HTML页面里所有元素的分层结构。页面设计器为每一个元素列出其ID、控件类型，并且在某些情况下列出元素开始的内容。如果某个元素不包含ID，就在属性窗口为它指定一个。具有ID的元素以粗体显示。在“细表”窗口显示页面的可视化界面，在其上创建新的页面或编辑已有页面。在DHTML页面设计器窗体的上方，有一个与Microsoft Word的格式工具栏相似的格式化工具栏，可以设置页面的元素格式编排、字体属性和对齐方式等内容。 在格式化工具栏的下方有一排工具按钮，分别是DHTML页面设计器属性、执行编辑器、在选项首尾添加DIV…/DIV标记、在选项首尾添加SPAN…/SPAN标记、将选项转化为链接、表操作、显示表边界、显示细节、绝对位置、锁定、绝对位置模式和顺序按钮。 在创建DHTML工程的同时将创建modDHTML模块，其中包含两个函数：PutProperty函数和GetProperty函数。 15.1 DHTML页面设计器 DHTML对象模型将DHTML中的每个元素部作为对象访问，每一个对象有自己的属性、方法和事件，在创建应用程序时，能够通过VB代码对HTML页面的布局、位置、每个元素的特性和容器进行动态的修改。主要的DHTML对象有BaseWindow和Document。 DHTML对象的事件和VB事件基本相似，但每个事件都带有前缀on。表15-1列出了DHTML中的部分事件。 当鼠标移出某对象时被触发 onmouseout 当鼠标第一次移动到某对象时被触发 onmouseover 当前页面被下载时立即被触发 Onunload 在文档被装入以及所有页面元素下载后被触发 Onload 当前HTML文档被下载时被触发 onbeforeunload 当用户单击网页中的提交按钮时被触发，通过对该事件的处 理程序的编写，可以实现在数据被服务器处理前，由客户端进行数据有效性验证 onsubmit 当用户单击浏览器的Refresh按钮时被触发 onreset 当用户单击浏览器的Stop按钮被触发 Onabort 说 明 事 件 表15-1 DHTML中的部分事件 15.1.1 DHTML对象模型 列表框 List 图像输入域 InputImage 可作为临时存储区域的隐藏文本框 HiddenField 文件上载 Fileupload 水平线 Horizontalrule 超链接 Hyperlink 图像框 Image 类似于VB组合框的下拉列表框 Select 复选按钮 Checkbox 单选按钮 Option 口令输入框 PasswordField 可支持多行输入输出的文本框 TextArea 只有一行的文本框 TextField 复位按钮，清除当前页面上文本域的内容 ResetButton 提交按钮，将网页中的信息提交到某个服务器 SubmitButton 命令按钮 Button 说 明 对象 表15-2 HTML工具箱内的控件 可以采用下面列出的方法之一，通过VB为DHTML应用程序创建页面： （1）通过将VB工具箱中的HTML对象加入到页面设计器中来创建页面。 （2）通过外部的HTML编辑器来创建页面。 （3）采用组合的方法创建页面。 单击DHTML页面设计器内的“HTML页面设计器属性”工具按钮，可打开如图15-2的DHTMLPage属性对话框。如果选择“保存HTML于外部文件中”，可以显示“新建”和“打开”按钮。单击“新建”按钮可以在DHTML页面设计器内建立新的HTML文档保存网页内容。单击“打开”按钮可以将其他外部编辑器建立的HTML文档导入到DHTML页面设计器中。如果选择