[发明专利]一种页面加载方法、装置以及终端

说明书

本发明提供一种页面加载方法、装置以及终端，属于计算机技术领域，所述页面加载方法包括：在对目标页面进行渲染时，若目标页面为模板页面，则获取模板页面的模板页文件内容，将模板页文件内容写入iframe的标签区域，并对模板页文件内容的高度进行监听，实时更新iframe窗口高度；若目标页面为外部链接项目页面，则利用iframe中的URL地址对外部链接项目进行加载，对外部链接项目的业务功能组件进行渲染，并将iframe的父级页面中的目标页面元素插入iframe中。本发明中，通过对写入iframe的文件内容的高度进行监听，可动态调整iframe窗口的高度，并且通过将iframe的父级页面的元素插入至iframe内部，实现与iframe内部元素同级设置，解决因元素级别过高导致页面显示效果不佳的问题。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面加载方法、装置以及终端。

背景技术

随着互联网的不断发展，人们越来越频繁地使用网络获取信息以及服务，例如浏览网络新闻、看影视剧、网购等，这些信息基本上都是使用web技术通过页面的形式呈现在用户面前，web技术作为人机交互的关口，是人机交互的重要组成部分，显得尤为重要。互联网的不断发展让人们对web页面的更新提出了更高的要求，服务提供商则经常需要更新页面。

而现有的技术中，页面的加载以及更新仍然是一起打包然后放在静态资源服务器上加载的，如果页面需要更新则需要重新开发之后进行打包，再置入到静态资源服务器上，这样的形式无法对页面的改动进行快速部署调整，一旦页面有问题，则改动的时间较长；并且，页面中嵌入的iframe页面的高度通常作为参数传入父级页面用于实现高度自适应，但是并没有对iframe页面中当前发生的操作所引起的高度变化进行自适应，继而导致页面显示效果不佳。

发明内容

有鉴于此，本发明提供一种页面加载方法、装置以及终端，用于解决现有技术中页面更新过程繁琐，加载速度慢，容易发生错误，以及页面显示效果不佳的问题。

为解决上述技术问题，第一方面，本发明提供一种页面加载方法，包括：

在对目标页面进行渲染时，判断所述目标页面是模板页面还是外部链接项目页面；

若所述目标页面为模板页面，则获取所述模板页面的模板页文件内容，根据iframe的标签的ID将所述模板页文件内容写入对应ID的iframe的标签区域，并对写入的模板页文件内容的高度进行监听，根据监听到的写入的模板页文件内容的高度实时更新所述iframe的窗口的高度；

若所述目标页面为外部链接项目页面，则利用iframe中的URL地址对外部链接项目进行加载，对加载至所述iframe的外部链接项目的业务功能组件进行渲染，并将所述iframe的父级页面中的目标页面元素插入所述iframe中以与所述iframe中的元素同级设置。

可选的，所述对加载至所述iframe的外部链接项目的业务功能组件进行渲染包括：

将加载至所述iframe的外部链接项目的业务功能组件以参数的形式对浏览器的全局函数进行调用；

利用调用的全局函数对所述业务功能组件进行数据渲染。

可选的，所述对加载至所述iframe的外部链接项目的业务功能组件进行渲染还包括：

获取所述业务功能组件的层叠样式表；

根据所述业务功能组件的层叠样式表对所述业务功能组件进行渲染。

可选的，所述判断所述目标页面是模板页面还是外部链接项目加载页面之前，还包括：

接收后台模板管理平台发送的目标页面，其中，所述后台模板管理平台用于配置和存储模板页面以及外部链接项目的链接地址。

可选的，所述目标页面元素为所述iframe的父级页面的头部元素或底部元素。