本发明专利技术提供一种页面加载方法、装置以及终端，属于计算机技术领域，所述页面加载方法包括：在对目标页面进行渲染时，若目标页面为模板页面，则获取模板页面的模板页文件内容，将模板页文件内容写入iframe的标签区域，并对模板页文件内容的高度进行监听，实时更新iframe窗口高度；若目标页面为外部链接项目页面，则利用iframe中的URL地址对外部链接项目进行加载，对外部链接项目的业务功能组件进行渲染，并将iframe的父级页面中的目标页面元素插入iframe中。本发明专利技术中，通过对写入iframe的文件内容的高度进行监听，可动态调整iframe窗口的高度，并且通过将iframe的父级页面的元素插入至iframe内部，实现与iframe内部元素同级设置，解决因元素级别过高导致页面显示效果不佳的问题。的问题。的问题。
【技术实现步骤摘要】
一种页面加载方法、装置以及终端
[0001]本专利技术涉及计算机
，尤其涉及一种页面加载方法、装置以及终端。
技术介绍
[0002]随着互联网的不断发展，人们越来越频繁地使用网络获取信息以及服务，例如浏览网络新闻、看影视剧、网购等，这些信息基本上都是使用web技术通过页面的形式呈现在用户面前，web技术作为人机交互的关口，是人机交互的重要组成部分，显得尤为重要。互联网的不断发展让人们对web页面的更新提出了更高的要求，服务提供商则经常需要更新页面。
[0003]而现有的技术中，页面的加载以及更新仍然是一起打包然后放在静态资源服务器上加载的，如果页面需要更新则需要重新开发之后进行打包，再置入到静态资源服务器上，这样的形式无法对页面的改动进行快速部署调整，一旦页面有问题，则改动的时间较长；并且，页面中嵌入的iframe页面的高度通常作为参数传入父级页面用于实现高度自适应，但是并没有对iframe页面中当前发生的操作所引起的高度变化进行自适应，继而导致页面显示效果不佳。
技术实现思路
[0004]有鉴于此，本专利技术提供一种页面加载方法、装置以及终端，用于解决现有技术中页面更新过程繁琐，加载速度慢，容易发生错误，以及页面显示效果不佳的问题。
[0005]为解决上述技术问题，第一方面，本专利技术提供一种页面加载方法，包括：
[0006]在对目标页面进行渲染时，判断所述目标页面是模板页面还是外部链接项目页面；
[0007]若所述目标页面为模板页面，则获取所述模板页面的模板页文件内容，根据iframe的标签的ID将所述模板页文件内容写入对应ID的iframe的标签区域，并对写入的模板页文件内容的高度进行监听，根据监听到的写入的模板页文件内容的高度实时更新所述iframe的窗口的高度；
[0008]若所述目标页面为外部链接项目页面，则利用iframe中的URL地址对外部链接项目进行加载，对加载至所述iframe的外部链接项目的业务功能组件进行渲染，并将所述iframe的父级页面中的目标页面元素插入所述iframe中以与所述iframe中的元素同级设置。
[0009]可选的，所述对加载至所述iframe的外部链接项目的业务功能组件进行渲染包括：
[0010]将加载至所述iframe的外部链接项目的业务功能组件以参数的形式对浏览器的全局函数进行调用；
[0011]利用调用的全局函数对所述业务功能组件进行数据渲染。
[0012]可选的，所述对加载至所述iframe的外部链接项目的业务功能组件进行渲染还包
括：
[0013]获取所述业务功能组件的层叠样式表；
[0014]根据所述业务功能组件的层叠样式表对所述业务功能组件进行渲染。
[0015]可选的，所述判断所述目标页面是模板页面还是外部链接项目加载页面之前，还包括：
[0016]接收后台模板管理平台发送的目标页面，其中，所述后台模板管理平台用于配置和存储模板页面以及外部链接项目的链接地址。
[0017]可选的，所述目标页面元素为所述iframe的父级页面的头部元素或底部元素。
[0018]第二方面，本专利技术还提供一种页面加载装置，包括：
[0019]判断模块，用于在对目标页面进行渲染时，判断所述目标页面是模板页面还是外部链接项目页面；
[0020]第一加载模块，用于若所述目标页面为模板页面，则获取所述模板页面的模板页文件内容，根据iframe的标签的ID将所述模板页文件内容写入对应ID的iframe的标签区域，并对写入的模板页文件内容的高度进行监听，根据监听到的写入的模板页文件内容的高度实时更新所述iframe的窗口的高度；
[0021]第二加载模块，用于若所述目标页面为外部链接项目页面，则利用iframe中的URL地址对外部链接项目进行加载，对加载至所述iframe的外部链接项目的业务功能组件进行渲染，并将所述iframe的父级页面中的目标页面元素插入所述iframe中以与所述iframe中的元素同级设置。
[0022]可选的，所述第二加载模块包括：
[0023]调用单元，用于将加载至所述iframe的外部链接项目的业务功能组件以参数的形式对浏览器的全局函数进行调用；
[0024]第一渲染单元，用于利用调用的全局函数对所述业务功能组件进行数据渲染。
[0025]可选的，所述第二加载模块还包括：
[0026]获取单元，用于获取所述业务功能组件的层叠样式表；
[0027]第二渲染单元，用于根据所述业务功能组件的层叠样式表对所述业务功能组件进行渲染。
[0028]可选的，还包括：
[0029]接收模块，用于接收后台模板管理平台发送的目标页面，其中，所述后台模板管理平台用于配置和存储模板页面以及外部链接项目的链接地址。
[0030]可选的，所述目标页面元素为所述iframe的父级页面的头部元素或底部元素。
[0031]第三方面，本专利技术还提供一种终端，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序；所述处理器执行所述计算机程序时实现上述任一种页面加载方法。
[0032]第四方面，本专利技术还提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述任一种页面加载方法中的步骤。
[0033]本专利技术的上述技术方案的有益效果如下：
[0034]本专利技术实施例中，通过对不同页面类型采用不同的加载方式，可以减少错误几率、加快加载速度，若页面出错可以快速调整相应模板页文件内容或外部链接项目；并且，通过
对写入iframe的文件内容的高度进行监听，可以动态调整iframe窗口的高度；而通过将iframe的父级页面的元素插入至iframe内部，可以实现与iframe内部元素同级设置，解决因元素级别过高导致页面显示效果不佳的问题。
附图说明
[0035]图1为本专利技术实施例一提供的一种页面加载方法的流程示意图；
[0036]图2为本专利技术实施例二提供的一种页面加载装置的结构示意图；
[0037]图3为本专利技术实施例三提供的一种终端的结构示意图。
具体实施方式
[0038]为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例的附图，对本专利技术实施例的技术方案进行清楚、完整地描述。显然，所描述的实施例是本专利技术的一部分实施例，而不是全部的实施例。基于所描述的本专利技术的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本专利技术保护的范围。
[0039]请参阅图1，图1为本专利技术实施例一提供的一种页面加载方法的流程示意图，该方法可以应用于终端，包括以下步骤：
[0040]步骤11：在对目标页面进行渲染时，判断所述目标页面是模板页面还是外部链接项目页面。
[0041]本专利技术实施例中，所谓模板页面，即用于展示以及用于体验的HTML页面，该模板页面对应的HTML页面本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种页面加载方法，其特征在于，包括：在对目标页面进行渲染时，判断所述目标页面是模板页面还是外部链接项目页面；若所述目标页面为模板页面，则获取所述模板页面的模板页文件内容，根据iframe的标签的ID将所述模板页文件内容写入对应ID的iframe的标签区域，并对写入的模板页文件内容的高度进行监听，根据监听到的写入的模板页文件内容的高度实时更新所述iframe的窗口的高度；若所述目标页面为外部链接项目页面，则利用iframe中的URL地址对外部链接项目进行加载，对加载至所述iframe的外部链接项目的业务功能组件进行渲染，并将所述iframe的父级页面中的目标页面元素插入所述iframe中以与所述iframe中的元素同级设置。2.根据权利要求1所述的方法，其特征在于，所述对加载至所述iframe的外部链接项目的业务功能组件进行渲染包括：将加载至所述iframe的外部链接项目的业务功能组件以参数的形式对浏览器的全局函数进行调用；利用调用的全局函数对所述业务功能组件进行数据渲染。3.根据权利要求1或2所述的方法，其特征在于，所述对加载至所述iframe的外部链接项目的业务功能组件进行渲染还包括：获取所述业务功能组件的层叠样式表；根据所述业务功能组件的层叠样式表对所述业务功能组件进行渲染。4.根据权利要求1所述的方法，其特征在于，所述判断所述目标页面是模板页面还是外部链接项目加载页面之前，还包括：接收后台模板管理平台发送的目标页面，其中，所述后台模板管理平台用于配置和存储模板页面以及外部链接项目的链接地址。5.根据权利要求1所述的方法，其特征在于，所述目标页面元素为所述iframe的父级页面的头部元素或底部元素。6.一种页面加载装置，其特征在于，包括：判断模块，用于在对目标页面进行渲染时，判断所述目标页面是模板页面还是外部链接项目页面；第一加载模块，用于若所述目标页面为模板...
【专利技术属性】
技术研发人员：廖冬阳，
申请(专利权)人：中移智行网络科技有限公司中国移动通信集团有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。