一种页面加载方法、装置以及终端制造方法及图纸

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

【技术实现步骤摘要】
一种页面加载方法、装置以及终端


[0001]本专利技术涉及计算机
,尤其涉及一种页面加载方法、装置以及终端。

技术介绍

[0002]随着互联网的不断发展,人们越来越频繁地使用网络获取信息以及服务,例如浏览网络新闻、看影视剧、网购等,这些信息基本上都是使用web技术通过页面的形式呈现在用户面前,web技术作为人机交互的关口,是人机交互的重要组成部分,显得尤为重要。互联网的不断发展让人们对web页面的更新提出了更高的要求,服务提供商则经常需要更新页面。
[0003]而现有的技术中,页面的加载以及更新仍然是一起打包然后放在静态资源服务器上加载的,如果页面需要更新则需要重新开发之后进行打包,再置入到静态资源服务器上,这样的形式无法对页面的改动进行快速部署调整,一旦页面有问题,则改动的时间较长;并且,页面中嵌入的iframe页面的高度通常作为参数传入父级页面用于实现高度自适应,但是并没有对iframe页面中当前发生的操作所引起的高度变化进行自适应,继而导致页面显示效果不佳。

技术实现思路

[0004]有鉴于此,本专利技术提供本文档来自技高网...

【技术保护点】

【技术特征摘要】
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.一种页面加载装置,其特征在于,包括:判断模块,用于在对目标页面进行渲染时,判断所述目标页面是模板页面还是外部链接项目页面;第一加载模块,用于若所述目标页面为模板...

【专利技术属性】
技术研发人员:廖冬阳
申请(专利权)人:中移智行网络科技有限公司中国移动通信集团有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1