CN104462256A - 一种页面展示窗口高度的调整方法和装置 - Google Patents

Abstract

本申请公开一种页面展示窗口的调整方法和装置。该方法首先获取子页面的页面高度信息，并将该高度信息发送至父页面。进一步，控制父页面根据子页面的高度信息，对子页面的页面展示窗口进行调整，以使子页面的动态全部展示在页面展示窗口中。本发明可根据子页面的页面高度自动调整子页面的页面展示窗口，无需通过滚动条对子页面进行滚动展示，方便对子页面的展示。

Description

一种页面展示窗口高度的调整方法和装置

技术领域

本申请涉及网页开发领域，更具体地说，涉及一种浏览器页面调整方法和装置。

背景技术

Iframe是HTML的一种标签，主要用于创建包含另外一个文档的内联框架，即将一个子页面中嵌入另外一个父页面。

目前在进行页面展示时，父页面会提供一个高度固定的页面展示窗口，以供子页面进行展示。当子页面的高度超出了该页面展示窗口的高度时，通常采用滚动条对子页面进行滚动展示，操作复杂。

发明内容

有鉴于此，本申请提供一种页面展示窗口高度的调整方法和装置，以方便对子页面进行展示。

为了实现上述目的，现提出的方案如下：

一种页面展示窗口高度的调整方法，包括：

获取子页面的页面高度信息；

将所述子页面的页面高度信息发送至父页面；

控制所述父页面根据所述高度信息对所述子页面的页面展示窗口的高度进行调整。

优选的，所述获取子页面的页面高度信息，之后包括：

比较当前子页面的高度与上一时刻子页面的高度是否一致；

若否，则将所述子页面的高度信息发送至所述父页面。

优选的，所述获取子页面的页面高度信息，包括：

调用浏览器的变动观察器对所述子页面的高度信息进行实时监测，以获取所述子页面的高度信息。

优选的，所述子页面的页面高度信息，包括：

利用定时调用函数构建监测单元，对所述子页面的高度信息进行定时监测，以获取所述子页面的高度信息。

优选的，所述利用定时调用函数构建监测单元，包括：

采用setInterval定时调用函数构建监测单元。

优选的，所述控制所述父页面根据所述高度信息对所述子页面的页面展示窗口的高度进行调整，包括：

控制所述父页面调用回调函数iframelistener重新对所述子页面的页面展示窗口进行调整。

一种页面展示窗口高度调整装置，包括：

信息采集单元，用于获取子页面的高度信息；

信息发送单元，用于将所述子页面的高度信息发送至父页面；

展示窗口高度调整单元，用于控制所述父页面根据所述高度信息对所述子页面的页面展示窗口的高度进行调整。

优选的，还包括：与所信息采集单元和所述信息发送单元相连的比较单元；

所述比较单元用于比较当前子页面的高度与上一时刻子页面的高度是否一致；

若否，则将当前子页面的高度信息发送至所述信息发送单元。

优选的，所述信息采集单元包括：实时监测子单元；

所述实时监测子单元用于调用浏览器的变动观察器对所述子页面的高度信息进行实时监测，以获取所述子页面的高度信息。

优选的，所述信息采集单元包括：定时监测子单元；

所述定时监测子单元用于利用定时调用函数，对所述子页面的高度信息进行定时监测，以获取所述子页面的高度信息。

经由上述技术方案可知，本申请公开一种页面展示窗口的调整方法和装置。该方法首先获取子页面的页面高度信息，并将该高度信息发送至父页面。进一步，控制父页面根据子页面的高度信息，对子页面的页面展示窗口进行调整，以使子页面的动态全部展示在页面展示窗口中。本发明可根据子页面的页面高度自动调整子页面的页面展示窗口，无需通过滚动条对子页面进行滚动展示，方便对子页面的展示。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1示出了本发明一种页面展示窗口高度的调整方法的一个实施例流程示意；

图2示出了本发明一种页面展示窗口高度的调整方法的另一个实施例的流程示意图；

图3示出了本发明一种页面展示窗口高度的调整装置的一个实施例结构示意图；

图4示出了本发明一种页面展示窗口高度的调整装置的另一个实施例结构示意图。

具体实施方式

目前子页面在父页面进行展示时，若子页面的动态增加或减少时，由于用于对子页面进行展示的窗口的高度在父页面中已经固定，会导致子页面不能完全展示出来或页面展示窗口的空间浪费。

为此，本发明公开了一种页面展示窗口高度的调整方法和装置。通过子页面的页面高度对页面展示窗口的高度进行调整。

以上为本发明的核心思想，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

参见图1示出了本发明一种页面展示窗口高度的调整方法的一个实施例流程示意。

由图1可知，在本实施例中，该方法包括：

101：获取子页面的页面高度信息。

可选的，可构建一个对子页面高度信息进行监控的监控单元，以对子页面的高度信息进行实时或定时监控。

针对不同的浏览器版本该方案提供了两种处理方式。对于支持变动观察器(Mutation Observer)的浏览器，使用变动观察器对子页面的动态进行实时监控，以获取子页面的页面高度。

对于不支持变动观察器的浏览器，使用定时检查的方式进行处理。如，可采用setInterval定时调用函数构建监测单元，对子页面的动态进行定时监控，以获取子页面的页面高度。

102：将所述子页面的页面高度信息发送至父页面。

103：控制所述父页面根据所述高度信息对所述子页面的页面展示窗口的高度进行调整。

可选的，控制所述父页面调用回调函数iframelistener重新对所述子页面的页面展示窗口进行调整。具体的，可控制父页面对该页面展示窗口的高度参数进行修改，以使该页面能够充分展示子页面中的内容。

由实施例一可知，该方法首先获取子页面的页面高度信息，并将该高度信息发送至父页面。进一步，控制父页面根据子页面的高度信息，对子页面的页面展示窗口进行调整，以使子页面的动态全部展示在页面展示窗口中。本发明可根据子页面的页面高度自动调整子页面的页面展示窗口，无需通过滚动条对子页面进行滚动展示，方便对子页面的展示。

实施例二

参见图2示出了本发明一种页面展示窗口高度的调整方法的另一个实施例的流程示意图。

由图2可知，在本实施例中该方法包括：

201：获取子页面的页面高度信息。

如实施例一101中所述，在实施例中同样可通过两种方式获取子页面的页面高度信息。

对于支持变动观察器(Mutation Observer)的浏览器，使用变动观察器对子页面的动态进行实时监控，以获取子页面的页面高度。

对于不支持变动观察器的浏览器，使用定时检查的方式进行处理。如，可采用setInterval定时调用函数构建监测单元，对子页面的动态进行定时监控，以获取子页面的页面高度。

202：比较当前子页面的高度与上一时刻子页面的高度是否一致。

比较当前子页面的高度与上一时刻子页面的高度是否一致，若一致则说明在该监测时间段中，子页面的动态没有发生变动。若不一致，则说明在该监测时间段中，子页面的动态发生的变动，其或者增加了页面元素或减少了页面元素。

203：将所述子页面的页面高度信息发送至父页面；

204：控制所述父页面根据所述高度信息对所述子页面的页面展示窗口的高度进行调整。

与一种页面展示窗口高度的调整方法相适用，本发明还公开了一种页面展示窗口高度的调整装置结构示意图。

参见图3示出了本发明一种页面展示窗口高度的调整装置的一个实施例结构示意图。

由图3可知，该装置包括：信息采集单元1、信息发送单元2和展示窗口高度调整单元3。

其中，信息采集单元1，用于获取子页面的高度信息。可选的，该信息采集单元可采用两种方式对子页面的高度信息进行采集。对于支持变动观察器(Mutation Observer)的浏览器，可利用变动观察器构建实时监测子单元。使用变动观察器对子页面的动态进行实时监控，以获取子页面的页面高度。

对于不支持变动观察器的浏览器，可构建定时监测子单元，使用定时检查的方式进行处理。如，可采用setInterval定时调用函数构建监测单元，对子页面的动态进行定时监控，以获取子页面的页面高度。

信息发送单元2，用于将所述子页面的高度信息发送至父页面。

展示窗口高度调整单元3，用于控制所述父页面根据所述高度信息对所述子页面的页面展示窗口的高度进行调整。可选的，该展示窗口高度调整单元可控制父页面调用回调函数iframelistener重新对所述子页面的页面展示窗口进行调整。具体的，可控制父页面对该页面展示窗口的高度参数进行修改，以使该页面能够充分展示子页面中的内容。

另外，在本发明的其他实施例中，该装置还可包括：与所信息采集单元和所述信息发送单元相连的比较单元。参见图4示出了本发明一种页面展示窗口高度的调整装置的另一个实施例结构示意图。

具体的。信息采集单元1将采集到的子页面的高度信息发送至比较单元2中。

所述比较单元2用于比较当前子页面的高度与上一时刻子页面的高度是否一致。若否，则将当前子页面的高度信息发送至所述信息发送单元3。

进一步，信息发送单元将当前子页面的高度信息发送至展示窗口高度调整单元4中，对便于展示窗口高度调整单元4根据当前子页面的高度信息对子页面的展示窗口进行调整。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种页面展示窗口高度的调整方法，其特征在于，包括：

获取子页面的页面高度信息；

将所述子页面的页面高度信息发送至父页面；

控制所述父页面根据所述高度信息对所述子页面的页面展示窗口的高度进行调整。

2.根据权利要求1所述的方法，其特征在于，所述获取子页面的页面高度信息，之后包括：

比较当前子页面的高度与上一时刻子页面的高度是否一致；

若否，则将所述子页面的高度信息发送至所述父页面。

3.根据权利要求1所述的方法，其特征在于，所述获取子页面的页面高度信息，包括：

调用浏览器的变动观察器对所述子页面的高度信息进行实时监测，以获取所述子页面的高度信息。

4.根据权利要求1所述的方法，其特征在于，所述子页面的页面高度信息，包括：

利用定时调用函数构建监测单元，对所述子页面的高度信息进行定时监测，以获取所述子页面的高度信息。

5.根据权利要求4所述的方法，其特征在于，所述利用定时调用函数构建监测单元，包括：

采用setInterval定时调用函数构建监测单元。

6.根据权利要求1所述的方法，其特征在于，所述控制所述父页面根据所述高度信息对所述子页面的页面展示窗口的高度进行调整，包括：

控制所述父页面调用回调函数iframelistener重新对所述子页面的页面展示窗口进行调整。

7.一种页面展示窗口高度调整装置，其特征在于，包括：

信息采集单元，用于获取子页面的高度信息；

信息发送单元，用于将所述子页面的高度信息发送至父页面；

展示窗口高度调整单元，用于控制所述父页面根据所述高度信息对所述子页面的页面展示窗口的高度进行调整。

8.根据权利要求7所述的装置，其特征在于，还包括：与所信息采集单元和所述信息发送单元相连的比较单元；

所述比较单元用于比较当前子页面的高度与上一时刻子页面的高度是否一致；

若否，则将当前子页面的高度信息发送至所述信息发送单元。

9.根据权利要求7所述的装置，其特征在于，所述信息采集单元包括：实时监测子单元；

所述实时监测子单元用于调用浏览器的变动观察器对所述子页面的高度信息进行实时监测，以获取所述子页面的高度信息。

10.根据权利要求7所述的装置，其特征在于，所述信息采集单元包括：定时监测子单元；

所述定时监测子单元用于利用定时调用函数，对所述子页面的高度信息进行定时监测，以获取所述子页面的高度信息。