[发明专利]界面显示方法、装置及服务器

说明书

本申请提供一种界面显示方法、装置及服务器。通过该界面显示方法，该电子设备通过主页面对应的第一网页文件，将主界面中的滚动条的当前滚动距离传递给子界面对应的第二网页文件，使得第二网页文件获取预设的显示内容进行显示。即子页面中的显示内容是基于当前滚动距离进行选择，相较于一次性全部加载第二网页文件的数据，能够提高子页面显示时的流畅程度。

技术领域

本申请涉及计算机领域，具体而言，涉及一种界面显示方法、装置及服务器。

背景技术

在网页前端，有时为例预设的需求，需要通过iframe标签把一个子页面和内容嵌入在一主页面中。其中，子页面对应一个单独的网页文件，主页面对应另外一个单独的网页文件。

由于主页面与子页面相互独立，因此，主页面的交互逻辑并不会影响子页面。因此，目前在针对嵌入了子页面的网页请求，服务器会将子页面对应的网页文件在一次性全部发送给请求设备，使得子页面提供一套完整的网页功能。当子网页文件较大时，不仅会给服务器带来较大的数据请求压力，同时，会带来较长的加载时间。

发明内容

为了克服现有技术中的至少一个不足，本申请的目的之一在于提供一种界面显示方法，应用于电子设备，所述方法包括：

显示一网页界面，所述网页界面包括主页面以及嵌入在所述主页面中的子页面，所述主页面对应第一网页文件，所述子页面对应第二网页文件；

通过所述第一网页文件，将所述主页面中的滚动条的当前滚动距离记录到预设数据结构；

通过所述第二网页文件，根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容，所述预设的显示内容用于在所述子页面进行显示。

可选地，各所述显示内容分别对应所述子页面中的不同显示板块，所述第二网页文件记录有不同当前滚动距离与不同显示板块的对应关系；

所述通过所述第二网页文件，根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容的步骤，包括：

根据所述对应关系，确定所述当前滚动距离对应的目标显示板块；

获取所述目标显示板块对应的目标显示内容；

将所述目标显示内容显示到所述目标显示板块。

可选地，所述预设数据结构为所述第二网页文件对应URL中的Hash值；所述通过所述第二网页文件，根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容之前，所述方法还包括：

通过所述第二网页文中的window.addEventListener方法获取所述Hash值；

根据所述Hash值获得所述当前滚动距离。

可选地，多个所述第二网页文件分别对应不同的子页面标识，所述多个子页面标识显示于所述主页面；所述方法还包括：

根据选中的目标子页面标识，获取所述目标子页面标识对应的目标第二网页文件；

将所述第二网页文件显示至所述子页面。

可选地，所述方法还包括：

第一次显示所述网页界面时，获取预设的初始第二网页文件；

将所述初始第二网页文件显示至所述子页面。

可选地，所述初始第二网页文件的子页面标识存储在数据结构Session中。

本申请实施例的目的之二在于提供一种界面显示装置，应用于电子设备，所述界面显示装置包括：

输出模块，用于显示一网页界面，所述网页界面包括主页面以及嵌入在所述主页面中的子页面，所述主页面对应第一网页文件，所述子页面对应第二网页文件；