快手-web程序设计.pdf

网页基础知识 网页基础知识 参考: 什么是什么是 HTML HTML HTML(HyperText Mark- up Language):超文本标记语言,用于编写网页. 在网页上点右键打开菜单，选“查看源代码”就可以查看网页的HTML源代码 HTML类似XML语法使用标记(Tag)来标识网页节点，每一个标记置于尖括号内.并用“/“标明 结束标记. 例如; 网页标题 body之间则为主要语法所在，也是网页的主要呈现部分 显示在网页上的超链接文字 下面是一个简单的登录表单： 请输入用户名： 请输入密 码： 以上看到的就是一个最简单架构的网页源代码(HTML) HTML采用类似XML的语法，由很多成对的、可嵌套的标记组成所 有的标记放在尖括号内，而结束标记需要加一个斜杠 例如：例如： 表示html源码开始，而则表示html源码的结束 如果一个节点没有结束标记,则应在开始标记结束处的尖括号前添加一个正斜杠,如下: 这表示一个HTML换行,注意在正斜杠前面需要有一个空格. 一份完整的网页主要包含了二个部份： HTML头: 之间的部份 网页内容: 之间的部份 页码，1/50网页基础知识2015- 9- 18file://C:\Documents and Settings\Administrator\Local Settings\Temp\.第 1 頁(共 50 頁)在HTML头的部份中，有另一组子标记。

在 这里面的文字就是网页的标题 在HTML头的内容部份中，有另一组子标记: 这中间表示一个表单 ，通常在网页上输入并提交内容的部份都是一个表单 什么是 HTML DOM 什么是 HTML DOM 从上一节我们可以看到HTML就是由一个个内外嵌套的节点来表示文档中的对象，这种架构称 为HTML DOM(Document Object Model 文档对象模式). HTML DOM 是指用于 HTML/XHTML的文档对象模型DOM定义了节点(Node)的接口以及组成DOM 树（称之为文档）元素的Node子接口，节点之间可以包含嵌套 最顶层的是document对象,是所有对象的根节点. 而HTML元素(element)是由HTML起始标签和 结束标签以及内部包含的属性、元素等表示的节点对象 下面是一个超链接元素的示例: 点这里打开一鹤软件主页 HTML源码如下: 点这里打开一鹤软件主页 上面就是一个典型的一个HTML节点,一个节点可以包含以下元素: ?标记: 超链接的标记是a,起始标记为,结束标记为 ?属性(attribute) 属性就是一个个用空格分格的键值对,语法类似aardio里的 table对象 ,不同的是table 以分号分隔键值对,而HTML是用空格来分隔属性. 超链接的href属性表示链接打开的目标网址. 而target属性指定打开的窗口名字,“_blank“指在新窗口中打开href指定的链接. ?内部文本(innerText) 指在节点开始标记与结束标记之间包含的文本,通常是用于显示在网页上的内容 这里是“点这里打开一鹤软件主页“ ?子节点 一个HTML节点对象可以在内部包含其他的HTML节点对象,可以嵌套包含，例如上一节例 子中html包含body子节点,而body子节点又包含form子节点,form子节点又包含input子 节点. ?内部HTML(innerHTML) 页码，2/50网页基础知识2015- 9- 18file://C:\Documents and Settings\Administrator\Local Settings\Temp\.第 2 頁(共 50 頁)表示子节点的源代码,我们称之为内部HTML(innerHTML) 上面简单介绍了与aardio Web窗体设计有关的一些基础知识. 如果需要了解更多关于HTML的知识请参考网页制作的相关资料。

创建创建webweb窗体窗体 参考:html 什么是什么是 web web窗体窗体 web窗体可以存取控制网页内容，并可以与网页内容进行交互，web窗体可以实现以下功能： 1 1、浏览并控制网页、浏览并控制网页 使用web窗体可以显示网页，并自由读取、修改、控制网页内容也可以在网页中使用脚本调 用aardio代码 通过web窗体，你可以使用任意网页编程方式，如javascipt,甚至flash、ActiveX最重要的 是，你不需要学习新的内容，只要会做网页就会轻松上手 2 2、使用网页设计漂亮的图形用户界面、使用网页设计漂亮的图形用户界面(GUI)(GUI) 使用web窗体，你可以通过编写网页轻松实现自定义的程序界面网页拥有比传统UI更丰富的 图形展现技术,也有很多成熟的网页制作工具,使用web窗体,只要你会做网页就可以做出非常 漂亮眩目的界面.而且调用aardio函数也非常方便. 创建创建 WEB WEB应用程序应用程序 页码，3/50网页基础知识2015- 9- 18file://C:\Documents and Settings\Administrator\Local Settings\Temp\.第 3 頁(共 50 頁)添加 WEB窗体 添加 WEB窗体 点击快速访问工具栏的第一个按钮“新建文件“右侧的下拉按钮, 在弹出的下拉菜单中点击“web窗体“,创建新的web窗体. 编辑web窗体源代码 编辑web窗体源代码 打开web窗体,点击“代码视图“,或按Ctrl+U快捷键打开web窗体源代码. import win.ui; import win.ui.menu; import web.form; /*DSG{{*/ var winform = win.form(parent=.; min=1 ;bottom=249;scroll=1;text=“aardio Form“;right=349;max=1 ) winform.add( ) /*}}*/ //创建web窗体 var wb = web.form( winform ,//可输入_UIFLAG_ 前缀的常量自定义外观 ,//可输入_DLCTL_ 前缀的常量以控制下载行为 ); 页码，4/50网页基础知识2015- 9- 18file://C:\Documents and Settings\Administrator\Local Settings\Temp\.第 4 頁(共 50 頁)//打开目标网站 wb.go(“ //显示窗体 winform.show(true) wb.wait(“ecranesoft“);//等待指定网址,可以使用模式匹配语法 //进入消息循环 win.loopMessage(); return wb,winform; /*DSG{{*//*}}*/ 这中间的部份是窗体设计器生成的代码,这里生成的实际上是一个普通 的windows窗体. 而web.form是一个装饰类,可以在现有窗口对象上插入网页浏览器,并返回一个浏览器对象wb. 通过浏览器对象就可以控制网页、从而实现web编程. 装饰类是指的该类用于装饰被装饰的对象,以添加行为和属性. 装饰类一般并不改变对象的本质,这就好象往墙上刷涂料，无论怎么刷改变的只是外观，墙还 是墙。

这里web.form用来装饰winform对象,从一个“普通的窗口“改变为“可以浏览网页的窗口“,但窗 口还是窗口,winform对象依然可以象普通窗口那样使用. 装饰类可以用于不同的对象,例如,你可以将winform转换为web窗口,也可以将一个普通的 static文本框控件转换为web窗口. 装饰者与被装饰者是has- a关系,而不是is- a关系,在静态语言里装饰指组合关系. 而在aardio语言里,通过继承也可以实现装饰类.可以实现一些非常有趣的设计模式,例如我们 常用的util.metaProperty web.form 构造函数 web.form 构造函数 1 1、函数原型：、函数原型： //创建web窗体 var wb = web.form( 窗口对象 ,//可输入_UIFLAG_ 前缀的常量自定义外观 ,//可输入_DLCTL_ 前缀的常量以控制下载行为 ); 本手册中约定使用 wb变量名表示web.form类创建的web窗体对象.使用ele表示web窗体中的 元素对象,这也是aardio中默认约定具有特殊意义的变量名,不应将这些默认变量名用于其他 目的. 2 2、函数说明：、函数说明： web.form是一个类,其构造函数可以在现有窗口对象中插入浏览器控件. 窗口对象可以是一个win.form对象,也可以是窗体上的控件,例如static控件. 页码，5/50网页基础知识2015- 9- 18file://C:\Documents and Settings\Administrator\Local Settings\Temp\.第 5 頁(共 50 頁)第二个参数可以使用一个或多个_UIFLAG_ 前缀的常量自定义外观,多个常量之间用位或操作 符( | ) 连接. 可选参数如下: 第三个参数可使用_DLCTL_前缀的常量以控制下载行为,多个常量之间用位或操作符( | ) 连 接. 可选参数如下: 字段字段字段字段 _UIFLAG_DIALOG禁止选中文本( 用于 web ui ) _UIFLAG_SCROLL_NO禁用滚动条 _UIFLAG_NO3DBORDER禁用所有窗口3D边框 _FLAG_NO3DOUTERBORDER禁用顶层窗口3D边框 _UIFLAG_DISABLE_HELP_MENU在菜单中移除帮助菜单 _UIFLAG_DISABLE_SCRIPT_INACTIVE窗口激活以前不运行网页脚本 _UIFLAG_OPENNEWWIN在新窗口打开链接 _UIFLAG_FLAT_SCROLLBAR显示平面滚动条_UIFLAG_ACTIVATE_CLIENTHIT_ONLY仅在用户点击客户区时激活(非客户区指滚动条等位 置) _UIFLAG_URL_ENCODING_DISABLE_UTF8 禁用UTF8发送URL _UIFLAG_URL_ENCODING_ENABLE_UTF8使用UTF8发送URL _UIFLAG_ENABLE_FORMS_AUTOCOMPLETE 允许表单自动完成_UIFLAG_ENABLE_INPLACE_NAVIGATION在点击邮件等链接时，打开相关应用程序，而不是 新开窗口 _UIFLAG_NOTHEME使用主题 _UIFLAG_THEME禁用主题 _UIFLAG_NOPICS禁用内容分级 _UIFLAG_DIV_BLOCKDEFAULT编辑模式回车输入div _UIFLAG_DISABLE_EDIT_NS_FIXUP编辑模式禁用名字空间修正 _UIFLAG_LOCAL_MACHINE_ACCESS_CHECK 防止远程网页导航到本地计算机_UIFLAG_DISABLE_UNTRUSTEDPROTOCOL禁止非信任协议,包含 ms- its, ms- itss, its,mk:@msitstore字段字段字段字段_DLCTL_DLIMAGES 允许从服务器下载图片,如果指定了第三个参数,未指 定指标志,则网页不下载任何图片._DLCTL_VIDEOS 允许从服务器下载视频片断,如果指定了第三个参数, 未指定指标志,则网页不下载任何视频片断. _DLCTL_BGSOUNDS允许播放文档指定的背景声音 _DLCTL_NO_SCRIPTSweb窗体不执行任何页面脚本(指javascript等) _DLCTL_NO_JAVA web窗体不执行任何 Java applet _DLCTL_NO_RUNACTIVEXCTLSweb窗体不执行文档中的任何 ActiveX 控件； _DLCTL_NO_DLACTIVE。