[发明专利]一种HTML页面控件变化的定位方法和系统

说明书

技术领域

本发明涉及计算机技术领域，尤其涉及一种HTML页面控件变化的定位方 法和系统。

背景技术

AJAX(Asynchronous JavaScript and XML)，即异步JavaScript脚本语言 和可扩展标记语言XML，是一种创建交互式网页应用的网页开发技术，基于 AJAX实现的WEB页面无刷新技术则是通过AJAX从服务端程序中获得需要更改 的HTML控件，然后在页面上通过JavaScript对该控件进行更新。

HTML(HyperText Mark-up Language)，即超文本标记语言或超文本链接 标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。 实现页面无刷新重点在于对HTML页面中需要更新的控件进行定位。

目前实现的方式有2种：一种是通过编码的方式手动指定需要更新的HTML 控件；另一种则是将可能需要进行无刷新更新的控件使用DIV元素进行包裹， 然后对包裹的控件进行更新。其中DIV元素是用来为HTML文档内大块 (block-level)的内容提供结构和背景的元素，DIV的起始标签和结束标签 之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的 属性来控制，或者是通过使用样式表格式化这个块来进行控制。

现有技术中的HTML系统控件页面变化的定位方案存在以下缺点：

1、带宽占用过多。现有的定位方式仅仅指定了需要更新的HTML控件，并 无法预知这些控件在页面执行的过程中是否发生了变化。因此，每次页面的执 行都会对这些指定的控件进行更新，即使这些控件没有发生任何的变化。这就 造成了每一个操作都会需要通过AJAX方式从服务端取得这些控件的HTML控件 代码，没有做到控件有变化则更新，没有变化则不更新。

2、使用复杂。使用DIV进行包裹的方式需要对原有页面进行更改，而且 由于DIV本身就是一个HTML控件，这就可能对HTML页面布局产生影响。另外， 一旦页面需要撤销无刷新方式，又得对页面进行更改，删除这些用以包裹的 DIV。

发明内容

本发明要解决的技术问题在于，针对现有技术的上述缺陷，提供一种HTML 页面控件变化的定位方法和系统，其可以不更改页面，自动定位页面执行过程 中发生变化的控件。

本发明解决其技术问题所采用的技术方案是：

构造一种HTML页面控件变化的定位方法，其包括以下步骤：

A、分解页面操作前的控件代码，得到无子控件的多个独立控件，根据各 自的原层级关系进行编号后，存储为数据1；

B、分解页面操作后的控件代码，得到无子控件的多个独立的控件，根据 各自的原层级关系进行编号后，存储为数据2；

C、按编号层级从外向内的顺序，比较数据1和数据2中编号相同的控件 代码，得到变化控件编号。

本发明所述的HTML页面控件变化的定位方法，其中，所述步骤C中， 只比较具有相同编号的控件。

本发明所述的HTML页面控件变化的定位方法，其中，所述步骤C中， 从层级的最外层开始，逐步向内层进行比较。

本发明所述的HTML页面控件变化的定位方法，其中，所述步骤C中， 在比较控件代码时，如果两段控件代码相同，则进入到下一层级进行比较，如 果两段控件代码不同，则记录这段不同的控件代码所对应的编号，并且不再进 入到下一层级的比较。

本发明所述的HTML页面控件变化的定位方法，其中，在所述操作前的 控件代码中包括三个控件，分别记作a控件、b控件、c控件；其中a控件内 包含了b控件、c控件，而b控件包含了c控件；所述步骤A包括以下步骤：

A1、分解页面操作前的控件代码，得到独立的a控件、b控件、c控件；

A2、使用具有层级关系的编号方式分别对a控件、b控件、c控件进行编 号，其中a控件编号仍为a，b控件编号为a-b，c控件编号为a-b-c；

A3、将步骤A2中得到的编号分别为a、a-b、a-b-c的控件中所包含的子 控件去掉后，保存为数据1。

本发明所述的HTML页面控件变化的定位方法，其中，所述步骤B包括 以下步骤：

B1、分解操作后的控件代码，得到a控件、b控件、c控件；