CN102200985A - 一种网页与文档对象模型的对应装置和方法 - Google Patents
一种网页与文档对象模型的对应装置和方法 Download PDFInfo
- Publication number
- CN102200985A CN102200985A CN2010101397513A CN201010139751A CN102200985A CN 102200985 A CN102200985 A CN 102200985A CN 2010101397513 A CN2010101397513 A CN 2010101397513A CN 201010139751 A CN201010139751 A CN 201010139751A CN 102200985 A CN102200985 A CN 102200985A
- Authority
- CN
- China
- Prior art keywords
- framework
- width
- webpage
- page
- object model
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明提出了一种网页与文档对象模型的对应装置和方法,属于计算机技术领域。本发明实施例在文档对象模型模块存储每一框体的内容,并存储每一框体对应的在页面中的绝对位置,以将内容与Portal布局的页面中每一框体实现一一对应。这种方式相比较现有技术中的DOM采用文档与框体所在的行和列进行对应的方式,可以实现框体在移动时只需更改DOM中每一框体存储的绝对位置参数即可。本发明实施例可以解决现有技术中Portal布局的网页中应用Flash后,拖动框体会造成Flash失效的问题,且能够使Portal布局的网页结构更为简单,提高系统的灵活性。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种网页与文档对象模型的对应装置和方法。
背景技术
Portal是一种互联网页面编程语言,通常用来提供个性化、单次登录、聚集各个信息源的内容,并作为信息系统表现层的宿主。文档对象模型(Docuement Object Model,DOM)是W3C组织推荐的处理XML的标准适配器。传统的Portal布局是利用HTML网页中不同层(DIV)之间的位置互斥实现的,当Portal的应用程序框体移动的时候,就会产生相对DOM文档流的节点移动。页面“相对DOM文档流的节点移动”就是指一个DOM节点(如XML元素、HTML标签)相对于它在文档中的原本位置移至其他DOM节点的前后或者里面,并不是指这个DOM节点在图形界面上的坐标移动。
现有的DOM采用以下结构:
<div>
<div class=″col1″>
<div id=″content1″>...</div>
<div id=″content2″>...</div>
</div>
<div class=″col2″>
<div id=″content3″>...</div>
<div id=″content4″>...</div>
</div>
</div>
其中,每一个ID对应的是一个框体,以及该框体在Portal页面的第x行第y列的位置。因此一旦该框体被拖动、删除,或是增加了一个框体,框体在DOM中的相对位置就会改变。用户拖拽框体时,实质上是在改变该DOM文档的结构。例如:若content1的文档结构位置被移动至content2后或者col2内,那content1即产生了相对文档流的节点移动。而该种DOM 文档结构,就是传统的Portal页面的DOM文档结构,它使用一些样式(如浮动、边距等)使得该文档结构展示成Portal式的框体页面。
Flash是一种交互式矢量多媒体技术,Flash已经渐渐成为交互式知量的标准,未来网页的一大主流。Flash控件可以将Flash内部的一些函数(使用ActionScript编写)向网页上的JavaScript暴露成一个该Flash控件所在的DOM节点的对象的一个函数,借此达到JavaScript可控制Flash控件的目的。
当页面中包含有Flash插件时,一旦在页面中拖动框体移动时,被移动的了DOM节点的Flash控件会重新载入内容,Flash控件内用户填写、创建的内容将会丢失。而主流浏览器的Flash插件并未考虑这样的问题:例如MozillaFirefox系列00147浏览器,Flash控件内用户填写、创建的内容将会丢失。而在Microsoft Internet Explorer系列浏览器,则会丢失该Flash控件的Flash回调函数,网页将无法跟Flash控件进行交互。
为了避免这种问题,现有的一些支持Portal的内容管理系统采用了前后台分治的模式来让用户自主布局。在默认的前台模式,所有页面内容都载入,但应用程序的框体不可以拖拽;在后台模式,框体能够拖拽,但页面上的框体内容将不被载入,只留下占位用的示意框体。这种分治的模式就避免了有Flash内容的框体的移动。
在实现本发明的过程中,发明人发现现有技术至少存在以下问题:
现有技术中的这种前后台分治的模式,当用户要移动框体时,要切换页面到不同的模式,操作过后还要保存,冗余的步骤太多。同时,开发人员必须写两套甚至多套页面来进行管理。
发明内容
为了解决现有技术中存在的在应用Portal布局的页面中使用Flash时,采用前后台分治带来的系统复杂和编程效率低的问题,本发明实施例提出了一种网页与文档对象模型的对应装置和方法。所述技术方案如下:
本发明实施例提出了一种网页与文档对象模型的对应装置,包括:
文档对象模型模块,用于存储所述页面中每一框体的内容以及每一框体对应的绝对位置。
作为上述技术方案的优选,所述装置还包括:
绝对位置计算模块,用于获取每一框体的宽度和高度,并根据页面中的每一框体的宽度和高度计算每一框体在页面中的绝对像素位置。
作为上述技术方案的优选,所述装置还包括:
位置更改计算模块,用于根据框体的位置更改,获取框体新的绝对位置,并根据所述新 的绝对位置更改所述文档对象模型模块中每一框体对应的绝对像素位置。
作为上述技术方案的优选,所述绝对位置计算模块包括:
框体宽度获取单元,用于根据预设的每一列的宽度比及页面的宽度,计算每一框体的宽度;
框体高度获取单元,用于通过扫描方式获取每个框体的高度;
绝对像素坐标计算单元,用于根据每个框体的宽度和高度,计算每个框体位于网页中的绝对像素横坐标和纵坐标。
作为上述技术方案的优选,所述绝对位置计算模块还包括:
行列关系映射单元,用于存储网页中每一框体的行、列、高度,以及每一框体的框体内容ID。
作为上述技术方案的优选,所述装置还包括:
位置更改计算模块,用于根据框体的位置更改,获取框体新的绝对位置,并根据所述新的绝对位置更改所述文档对象模型模块中每一框体对应的绝对像素位置。
本发明实施例提出了一种网页与文档对象模型的对应方法,包括:
将页面中每一框体与文档对象模型对应条目之间通过该框体在页面中的绝对位置建立对应关系。
作为上述技术方案的优选,所述方法还包括:
获取所述每一框体的宽度和高度,并根据每一框体的宽度和高度计算所述页面中的所述每一框体的绝对像素位置。
作为上述技术方案的优选,所述获取所述每一框体的宽度和高度,并根据每一框体的宽度和高度计算所述页面中的所述每一框体的绝对像素位置包括:
根据预设的每一列的宽度比及页面的宽度,计算每一框体的宽度;
通过扫描方式获取每个框体的高度;
根据每个框体的宽度和高度,计算每个框体位于网页中的绝对像素横坐标和纵坐标。
作为上述技术方案的优选,所述获取所述每一框体的宽度和高度,并根据每一框体的宽度和高度计算所述页面中的所述每一框体的绝对像素位置还包括:
设置行列关系映射矩阵,并将网页中每一框体的行、列、高度,以及每一框体的框体内容ID存储到所述行列关系映射矩阵中。
作为上述技术方案的优选,所述方法还包括:
在框体的位置更改时,获取框体新的绝对位置,并根据所述新的绝对位置更改所述文档对象模型模块中每一框体对应的绝对像素位置。
本发明实施例提供的技术方案带来的有益效果是:本发明实施例在文档对象模型模块存储每一框体的内容,并存储每一框体对应的在页面中的绝对位置,以将内容与Portal布局的页面中每一框体实现一一对应。这种方式相比较现有技术中的DOM采用文档与框体所在的行和列进行对应的方式,可以实现框体在移动时只需更改DOM中每一框体存储的绝对位置参数即可。本发明实施例可以实现在Portal布局的网页中拖动框体时,不产生相对DOM文档流的节点移动,这样就可以解决现有技术中Portal布局的网页中应用Flash后,拖动框体会造成Flash失效的问题,且能够使Portal布局的网页结构更为简单,提高系统的灵活性。
附图说明
图1为本发明第一实施例的业务对象类型与科目的对应装置的结构示意图;
图2为本发明第二实施例的业务对象类型与科目的对应装置的结构示意图;
图3为本发明的业务对象类型与科目的对应装置的一个具体实例;
图4为本发明第三实施例的业务对象类型与科目的对应方法的流程图;
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
实施例1
本发明实施例提出了一种网页与文档对象模型的对应装置,包括:
文档对象模型模块1,用于存储所述页面中每一框体的内容以及每一框体对应的绝对位置。
本发明实施例在文档对象模型模块存储每一框体的内容,并存储每一框体对应的在页面中的绝对位置,以将内容与Portal布局的页面中每一框体实现一一对应。这种方式相比较现有技术中的DOM采用文档与框体所在的行和列进行对应的方式,可以实现框体在移动时只需更改DOM中每一框体存储的绝对位置参数即可。本发明实施例可以实现在Portal布局的网页中拖动框体时,不产生相对DOM文档流的节点移动,这样就可以解决现有技术中Portal布局的网页中应用Flash后,拖动框体会造成Flash失效的问题,且能够使Portal布局的网页 结构更为简单,提高系统的灵活性。
实施例2
本发明第二实施例提出了一种网页与文档对象模型的对应装置,其结构如图1所示,包括:
文档对象模型模块1,用于存储所述页面中每一框体的内容以及每一框体对应的绝对位置;
绝对位置计算模块2,用于获取每一框体的宽度和高度,并根据页面中的每一框体的宽度和高度计算每一框体在页面中的绝对像素位置;
位置更改计算模块3,用于根据框体的位置更改,获取框体新的绝对位置,并根据所述新的绝对位置更改所述文档对象模型模块中每一框体对应的绝对像素位置。
本发明第二实施例中增加了绝对位置计算模块2和/或位置更改计算模块3,上述两个模块为可选的,可以择一或同时使用。
绝对位置计算模块2可以根据每一框体的高度和宽度计算出绝对像素位置。这样,可以以每一网页的左上角作为原点,依次根据每一框体的高度和宽度,计算出每一框体的绝对像素位置横坐标和纵坐标。这种方式简单易行,不会对造成无谓的系统开销。当然,还可以选择其他位置作为坐标原点,或是采用其他方式计算绝对像素位置,本发明实施例仅为举例说明,并不以此为限。同时,还可以使用其他方式计算框体的绝对位置,而不限定于通过绝对像素位置的方式确定框体的绝对位置。同时,框体的绝对位置也可以采用其他方式,本实施例采用绝对像素位置,只是一种举例说明。
其中,如图3所示,绝对位置计算模块2可以具体为:
框体宽度获取单元21,用于根据预设的每一列的宽度比及页面的宽度,计算每一框体的宽度;
框体高度获取单元22,用于通过扫描方式获取每个框体的高度;
绝对像素坐标计算单元23,用于根据每个框体的宽度和高度,计算每个框体位于网页中的绝对像素横坐标和纵坐标;
行列关系映射单元24,用于记录每一框体的行、列、高度,以及对应的框体内容ID。
由于现有的Portal页面的列宽比、框体的列数、列间距是预设的,因此根据这些预设值可以计算处每一列的宽度,而该列内每一框体的宽度都是与列宽度相等的。
例如:列宽比例是一个百分比数组,例如:[0.2,0.6,0.2]就代表了第一列宽度占页面宽度 的20%、第二列占60%、第三列占20%;这个数组的值的总和小于等于100%;第n列m行框体的宽度=(页面总宽度-(列数+1)×间距)×第n列的列宽比例。这样,可以简单的通过已知参数计算出每一框体的宽度。获得每一框体的宽度后,可以简单的获得框体的横坐标。
对于高度,可以通过扫描的方式获取。扫描页面为一种现有技术,在此不再赘述。获得了框体的宽度后,就可以简单的获得框体的纵坐标。
当然,宽度也可以通过扫描的方式获得。且宽度、高度还可以通过其他方式获得,本发明实施例只是举例说明,并不以此为限。
其中,行列关系映射单元24可以为一行列关系映射矩阵,该矩阵的形式可以为:
matrix=[
[框体1,框体2],
[框体5,框体6],
[框体3,框体4]
];
上例中的矩阵只是为了举例说明,其对应的网页有3列2行,第列中是框体1、框体2,第二列中是框体5、框体6,第三列中是框体3、框体4。
这样,就可以对应的获知每一框体的行、列;然后再扫描得出的框体高度,并确定每一框体的框体内容ID。这样就可以将该矩阵与DOM进行对应,并使DOM获知每一框体的横坐标、纵坐标。通过矩阵这种形式可以直观的将网页中的框体表现出来,同时又能将每一框体对应的参数进行存储,以方便与DOM中的框体参数进行一一对应。
当然,采用矩阵的方式只是本发明实施例的一个举例说明,还可以采用其他方式,例如列表的方式,本发明实施例并不以此为限。
位置更改计算模块3可以根据每一次的框体位置更改,重新计算每一框体的新的绝对像素位置。这种更改可以为增加一个框体、删除一个框体、拖动一个框体以改变框体的行和/或列。
例如:当用户拖动框体时,可以通过以下方法修改每一个框体的绝对像素位置的变化:
101、用户开始拖拽一个框体时,先判断该框体是否能拖拽,若不能则将该框体回到原来位置,步骤结束;如果能则进入步骤102;
102、用户松开鼠标结束拖拽时,先判断该放手位置是否在页面内,若不在则将该框体回到原来位置,步骤结束;如果能则进入步骤103;
103、遍历行列关系映射矩阵,找到用户松开鼠标时的位置的坐标对应行列位置,也就是框体被移动到的新位置,如第n列第m行;
104、将矩阵内第n列第m行后的所有框体(包括第m行)往后移动一个位置,这些框体记录着的行信息相应加1;
105、被拖拽的框体将从矩阵原来的位置移动至第n列第m行。
当用户增加一个框体时,可以通过以下方法修改每一个框体的绝对像素位置的变化:
新增一个框体时,该框体将会被安排于第一列第一行,第一列原有的框体的行位置将全部加1。
当用户删除一个框体时,可以通过以下方法修改每一个框体的绝对像素位置的变化:
删除一个框体时,该列该框体后的所有框体的行位置将全部减1。
在上述的增加、删除、修改行为发生后,Portal布局算法会对网页进行重新布局。同时,相应的也会修改DOM中的每一框体的绝对像素位置,在不产生相对DOM文档流的节点移动的前提下任何更改Portal布局算法中的框体位置。
进一步的,在框体发生变化时,修改行列关系映射单元24的行列关系映射矩阵,并通过该矩阵实现对DOM的映射关系。
实施例3
本发明第三实施例提出了一种网页与文档对象模型的对应方法,包括:
将页面中每一框体与文档对象模型的相应条目之间,通过该框体在页面中的绝对位置建立对应关系。
本发明实施例在文档对象模型中,通过每一框体对应的在页面中的绝对位置,将页面中的框体与DOM中的相应的每一框体的内容之间建立起对应关系,以将内容与Portal布局的页面中每一框体实现一一对应。这种方式相比较现有技术中的DOM采用文档与框体所在的行和列进行对应的方式,可以实现框体在移动时只需更改DOM中每一框体存储的绝对位置参数即可。本发明实施例可以实现在Portal布局的网页中拖动框体时,不产生相对DOM文档流的节点移动,这样就可以解决现有技术中Portal布局的网页中应用Flash后,拖动框体会造成Flash失效的问题,且能够使Portal布局的网页结构更为简单,提高系统的灵活性。
实施例4
本发明第四实施例提出了一种网页与文档对象模型的对应方法,是在第三实施例的基础 上改进而来,其流程如图3所示,包括:
步骤201、获取每一框体的宽度和高度,并根据页面中的每一框体的宽度和高度计算每一框体在页面中的绝对像素位置;
步骤202、将页面中每一框体与文档对象模型的相应条目之间,通过该框体在页面中的绝对位置建立对应关系;
步骤203、当所述框体的位置更改,获取框体新的绝对位置,并根据所述新的绝对位置更改所述文档对象模型模块中每一框体对应的绝对像素位置。
与第三实施例相比,本实施例提出了一种计算绝对位置的方法,即通过绝对像素位置作为绝对位置,确定框体的位置。
上述的步骤201和步骤203都是可选的步骤,可以择一或同时使用。
其中,步骤201公开了一种绝对像素位置计算方法,可以根据每一框体的高度和宽度计算出绝对像素位置。这样,可以以每一网页的左上角作为原点,依次根据每一框体的高度和宽度,计算出每一框体的绝对像素位置横坐标和纵坐标。这种方式简单易行,不会对造成无谓的系统开销。当然,还可以选择其他位置作为坐标原点,或是采用其他方式计算绝对像素位置,本发明实施例仅为举例说明,并不以此为限。同时,还可以使用其他方式计算框体的绝对位置,而不限定于通过绝对像素位置的方式确定框体的绝对位置。同时,框体的绝对位置也可以采用其他方式,本实施例采用绝对像素位置,只是一种举例说明。
其中,步骤201可以具体为:
步骤2011、根据预设的每一列的宽度比及页面的宽度,计算每一框体的宽度;
步骤2012、通过扫描方式获取每个框体的高度;
步骤2013、根据每个框体的宽度和高度,计算每个框体位于网页中的绝对像素横坐标和纵坐标。
进一步的,还可以包括:
步骤2014、将该框体参数存储,其中参数包括:该框体的行、列、高度,以及对应的绝对像素横坐标和纵坐标,以及对应的框体内容ID。
由于现有的Portal页面的列宽比、框体的列数、列间距是预设的,因此根据这些预设值可以计算处每一列的宽度,而该列内每一框体的宽度都是与列宽度相等的。
例如:列宽比例是一个百分比数组,例如:[0.2,0.6,0.2]就代表了第一列宽度占页面宽度的20%、第二列占60%、第三列占20%;这个数组的值的总和小于等于100%;第n列m行框体的宽度=(页面总宽度-(列数+1)×间距)×第n列的列宽比例。这样,可以简单的通过 已知参数计算出每一框体的宽度。获得每一框体的宽度后,可以简单的获得框体的横坐标。
对于高度,可以通过扫描的方式获取。扫描页面为一种现有技术,在此不再赘述。获得了框体的宽度后,就可以简单的获得框体的纵坐标。
当然,宽度也可以通过扫描的方式获得。且宽度、高度还可以通过其他方式获得,本发明实施例只是举例说明,并不以此为限。
其中,步骤2014中可以通过行列关系映射矩阵存储上述的参数,该矩阵的形式可以为:
matrix=[
[框体1,框体2],
[框体5,框体6],
[框体3,框体4]
];
上例中的矩阵只是为了举例说明,其对应的网页有3列2行,第一列中是框体1、框体2,第二列中是框体5、框体6,第三列中是框体3、框体4。
这样,就可以对应的获知每一框体的行、列;然后再扫描得出的框体高度,并确定每一框体的框体内容ID。这样就可以将该矩阵与DOM进行对应,并使DOM获知每一框体的横坐标、纵坐标。通过矩阵这种形式可以直观的将网页中的框体表现出来,同时又能将每一框体对应的参数进行存储,以方便与DOM中的框体参数进行一一对应。
当然,采用矩阵的方式只是本发明实施例的一个举例说明,还可以采用其他方式,例如列表的方式,本发明实施例并不以此为限。
其中,步骤203公开了一种框体位置更改时,新的框体绝对像素位置的计算方法。步骤203可以根据每一次的框体位置更改,重新计算每一框体的新的绝对像素位置。这种更改可以为增加一个框体、删除一个框体、拖动一个框体以改变框体的行和/或列。
例如:
当用户拖动框体时,可以通过以下方法修改每一个框体的绝对像素位置的变化:
101、用户开始拖拽一个框体时,先判断该框体是否能拖拽,若不能则将该框体回到原来位置,步骤结束;如果能则进入步骤102;
102、用户松开鼠标结束拖拽时,先判断该放手位置是否在页面内,若不在则将该框体回到原来位置,步骤结束;如果能则进入步骤103;
103、遍历行列关系映射矩阵,找到用户松开鼠标时的位置的坐标对应行列位置,也就是 框体被移动到的新位置,如第n列第m行;
104、将矩阵内第n列第m行后的所有框体(包括第m行)往后移动一个位置,这些框体记录着的行信息相应加1;
105、被拖拽的框体将从矩阵原来的位置移动至第n列第m行。
当用户增加一个框体时,可以通过以下方法修改每一个框体的绝对像素位置的变化:
新增一个框体时,该框体将会被安排于第一列第一行,第一列原有的框体的行位置将全部加1。
当用户删除一个框体时,可以通过以下方法修改每一个框体的绝对像素位置的变化:
删除一个框体时,该列该框体后的所有框体的行位置将全部减1。
在上述的增加、删除、修改行为发生后,Portal布局算法会对网页进行重新布局。同时,相应的也会修改DOM中的每一框体的绝对像素位置,在不产生相对DOM文档流的节点移动的前提下任何更改Portal布局算法中的框体位置。
进一步的,在框体发生变化时,修改步骤2014中的行列关系映射矩阵,并通过该矩阵实现对DOM的映射关系。
以上实施例提供的技术方案中的全部或部分内容可以通过软件编程实现,其软件程序存储在可读取的存储介质中,存储介质例如:计算机中的硬盘、光盘或软盘。
通过以上实施例可以看出,本发明实施例提出的Portal布局的网页与文档对象模型的对应装置,通过每一框体对应的在页面中的绝对位置,将页面中的框体与DOM中的相应的每一框体的内容之间建立起对应关系,以将内容与Portal布局的页面中每一框体实现一一对应。这种方式相比较现有技术中的DOM采用文档与框体所在的行和列进行对应的方式,可以实现框体在移动时只需更改DOM中每一框体存储的绝对位置参数即可。本发明实施例可以实现在Portal布局的网页中拖动框体时,不产生相对DOM文档流的节点移动,这样就可以解决现有技术中Portal布局的网页中应用Flash后,拖动框体会造成Flash失效的问题,且能够使Portal布局的网页结构更为简单,提高系统的灵活性。同时,还提出了绝对像素位置的计算方法和模块,这种方式简单易行,不会对造成无谓的系统开销。还提出了当框体位置改变时计算新的框体绝对像素位置的方法和装置,就可以将行列关系映射矩阵与DOM进行对应,并使DOM获知每一框体的横坐标、纵坐标。通过矩阵这种形式可以直观的将网页中的框体表现出来,同时又能将每一框体对应的参数进行存储,以方便与DOM中的框体参数进行一 一对应。进一步的,本发明实施例提出了通过行列关系映射矩阵建立于DOM的对应关系,这样可以直观的将网页中的框体表现出来,同时又能将每一框体对应的参数进行存储,以方便与DOM中的框体参数进行一一对应。
以上仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种网页与文档对象模型的对应装置,包括:
文档对象模型模块,用于存储所述页面中每一框体的内容以及每一框体对应的绝对位置。
2.根据权利要求1所述的网页与文档对象模型的对应装置,其特征在于,所述装置还包括:
绝对位置计算模块,用于获取每一框体的宽度和高度,并根据页面中的每一框体的宽度和高度计算每一框体在页面中的绝对像素位置。
3.根据权利要求2所述的网页与文档对象模型的对应装置,其特征在于,所述绝对位置计算模块包括:
框体宽度获取单元,用于根据预设的每一列的宽度比及页面的宽度,计算每一框体的宽度;
框体高度获取单元,用于通过扫描方式获取每个框体的高度;
绝对像素坐标计算单元,用于根据每个框体的宽度和高度,计算每个框体位于网页中的绝对像素横坐标和纵坐标。
4.根据权利要求3所述的网页与文档对象模型的对应装置,其特征在于,所述绝对位置计算模块还包括:
行列关系映射单元,用于存储网页中每一框体的行、列、高度,以及每一框体的框体内容ID。
5.根据权利要求2或3或4所述的网页与文档对象模型的对应装置,其特征在于,所述装置还包括:
位置更改计算模块,用于根据框体的位置更改,获取框体新的绝对位置,并根据所述新的绝对位置更改所述文档对象模型模块中每一框体对应的绝对像素位置。
6.一种网页与文档对象模型的对应方法,其特征在于,包括:
将页面中每一框体与文档对象模型对应条目之间通过该框体在页面中的绝对位置建立对应关系。
7.根据权利要求6所述的网页与文档对象模型的对应方法,其特征在于,所述方法还包括:
获取所述每一框体的宽度和高度,并根据每一框体的宽度和高度计算所述页面中的所述每一框体的绝对像素位置。
8.根据权利要求7所述的网页与文档对象模型的对应方法,其特征在于,所述获取所述每一框体的宽度和高度,并根据每一框体的宽度和高度计算所述页面中的所述每一框体的绝对像素位置包括:
根据预设的每一列的宽度比及页面的宽度,计算每一框体的宽度;
通过扫描方式获取每个框体的高度;
根据每个框体的宽度和高度,计算每个框体位于网页中的绝对像素横坐标和纵坐标。
9.根据权利要求8所述的网页与文档对象模型的对应方法,其特征在于,所述获取所述每一框体的宽度和高度,并根据每一框体的宽度和高度计算所述页面中的所述每一框体的绝对像素位置还包括:
设置行列关系映射矩阵,并将网页中每一框体的行、列、高度,以及每一框体的框体内容ID存储到所述行列关系映射矩阵中。
10.根据权利要求7或8或9所述的网页与文档对象模型的对应方法,其特征在于,所述方法还包括:
在框体的位置更改时,获取框体新的绝对位置,并根据所述新的绝对位置更改所述文档对象模型模块中每一框体对应的绝对像素位置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010101397513A CN102200985A (zh) | 2010-03-23 | 2010-03-23 | 一种网页与文档对象模型的对应装置和方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2010101397513A CN102200985A (zh) | 2010-03-23 | 2010-03-23 | 一种网页与文档对象模型的对应装置和方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102200985A true CN102200985A (zh) | 2011-09-28 |
Family
ID=44661669
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2010101397513A Pending CN102200985A (zh) | 2010-03-23 | 2010-03-23 | 一种网页与文档对象模型的对应装置和方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102200985A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102663056A (zh) * | 2012-03-29 | 2012-09-12 | 奇智软件(北京)有限公司 | 一种图片元素显示方法和装置 |
CN104794116A (zh) * | 2014-01-16 | 2015-07-22 | 阿里巴巴集团控股有限公司 | 一种页面中元素的布局方法和装置 |
CN103870558B (zh) * | 2012-03-29 | 2017-01-25 | 北京奇虎科技有限公司 | 页面渲染方法和遮罩层创建方法 |
CN106610824A (zh) * | 2015-10-23 | 2017-05-03 | 北京国双科技有限公司 | 一种页面高度自适应的方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1509446A (zh) * | 2001-03-23 | 2004-06-30 | 通过无线通信媒体向便携式计算装置传送内容的系统与方法 | |
CN1662877A (zh) * | 2003-08-21 | 2005-08-31 | 微软公司 | 电子墨水处理 |
CN101039283A (zh) * | 2006-03-14 | 2007-09-19 | 腾讯科技(深圳)有限公司 | 一种处理电子邮件的方法 |
CN101546305A (zh) * | 2008-03-26 | 2009-09-30 | 天图信息技术(上海)有限公司 | 一种实现基于浏览器窗口的固定广告位的方法 |
-
2010
- 2010-03-23 CN CN2010101397513A patent/CN102200985A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1509446A (zh) * | 2001-03-23 | 2004-06-30 | 通过无线通信媒体向便携式计算装置传送内容的系统与方法 | |
CN1662877A (zh) * | 2003-08-21 | 2005-08-31 | 微软公司 | 电子墨水处理 |
CN101039283A (zh) * | 2006-03-14 | 2007-09-19 | 腾讯科技(深圳)有限公司 | 一种处理电子邮件的方法 |
CN101546305A (zh) * | 2008-03-26 | 2009-09-30 | 天图信息技术(上海)有限公司 | 一种实现基于浏览器窗口的固定广告位的方法 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102663056A (zh) * | 2012-03-29 | 2012-09-12 | 奇智软件(北京)有限公司 | 一种图片元素显示方法和装置 |
CN102663056B (zh) * | 2012-03-29 | 2014-05-28 | 北京奇虎科技有限公司 | 一种图片元素显示方法和装置 |
CN103870558B (zh) * | 2012-03-29 | 2017-01-25 | 北京奇虎科技有限公司 | 页面渲染方法和遮罩层创建方法 |
CN104794116A (zh) * | 2014-01-16 | 2015-07-22 | 阿里巴巴集团控股有限公司 | 一种页面中元素的布局方法和装置 |
CN104794116B (zh) * | 2014-01-16 | 2019-03-19 | 阿里巴巴集团控股有限公司 | 一种页面中元素的布局方法和装置 |
CN106610824A (zh) * | 2015-10-23 | 2017-05-03 | 北京国双科技有限公司 | 一种页面高度自适应的方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9201666B2 (en) | System and method for using gestures to generate code to manipulate text flow | |
CN102043850B (zh) | 生成热力图的方法及设备 | |
CN101763234B (zh) | 一种模拟各种屏幕分辨率的方法及其装置 | |
JP2023169320A (ja) | 階層流動コンポーネントおよび動的レイアウトを統合した応答編集および表示を提供するシステムおよび方法 | |
CN100561415C (zh) | 一种调整网页中栏框的方法及装置 | |
CN103942314B (zh) | 一种html文件图文混排显示方法 | |
US20150089355A1 (en) | Graphical tile-based layout | |
US10678410B2 (en) | Browser-based image processing | |
DE112018002775T5 (de) | Verfahren und vorrichtung zum erfassen von ebenen und/oder quadtrees zur verwendung als ein virtuelles substrat | |
CN107817935A (zh) | 应用界面的显示方法、装置、终端和计算机可读存储介质 | |
US20130326343A1 (en) | Systems and methods for developing adaptive layouts for electronic content | |
CN104574256A (zh) | 对图像进行局部选择处理的方法和装置 | |
JP3992788B2 (ja) | コンピュータ制御ディスプレイシステム | |
CN109871206B (zh) | Json树的视图化方法、装置、设备及可读存储介质 | |
CN102200985A (zh) | 一种网页与文档对象模型的对应装置和方法 | |
CN106162302B (zh) | 一种Launcher主界面的编排方法、装置及智能电视 | |
CN116245052A (zh) | 一种图纸迁移方法、装置、设备和存储介质 | |
CN108268201B (zh) | 一种基于拖拽重计算的电力数据图表处理方法 | |
CN101770494A (zh) | 个性化网页内容显示系统及其方法 | |
EP2669783A1 (en) | Virtual ruler for stylus input | |
KR20100130186A (ko) | 그래픽 디지털 문서의 동영상화 장치 및 방법 | |
CN108986212B (zh) | 一种基于裂缝消除的三维虚拟地形lod模型的生成方法 | |
US8185818B2 (en) | Mixed techniques for HTML crosstab rendering | |
CN105094629A (zh) | 一种基于栅格的自适应布局方法与系统 | |
CN102566849A (zh) | 一种树形数据绘制输出位置获取方法、装置及erp系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20110928 |