外部页面的高度调整方法、装置、设备及存储介质制造方法及图纸

本发明专利技术公开了一种基于IFRAME的外部页面的高度调整方法，包括：确定待被引入的外部页面；根据所述外部页面所在IFRAME的标识信息，获取所述外部页面的IFRAME；获取所述外部页面的高度信息；根据所述高度信息对所述外部页面的IFRAME进行高度调整。可见，在本申请中，可通过获取外部页面的IFRAME和外部页面的高度信息，来对外部页面的IFRAME进行高度调整，从而在不改动任何被引入页面代码的前提下，实现主页面IFRAME高度的自动调整，从而降低代码维护效率。本发明专利技术还公开了一种基于IFRAME的外部页面的高度调整装置、设备及计算机可读存储介质，同样能实现上述技术效果。

Height adjustment method, device, equipment and storage medium of external page

【技术实现步骤摘要】
外部页面的高度调整方法、装置、设备及存储介质
本专利技术涉及页面高度调整
，更具体地说，涉及一种基于IFRAME的外部页面的高度调整方法、装置、设备及计算机可读存储介质。
技术介绍
目前在Web系统中，经常会用到引用第三方网站的情况，尤其是在不同公司的系统集成过程中，一个系统的页面往往也会包含另外系统的页面，通常的方式是使用iframe(HTML标签)引入其他页面，但是由于iframe无法自动适应被引用html的高度而出现滚动条，所以经常都是需要被引用html(HyperTextMarkupLanguage，超文本标记语言)反向调用主页面的iframe高度设置方法来实现iframe的高度适应，操作比较繁琐。
技术实现思路
本专利技术的目的在于提供一种基于IFRAME的外部页面的高度调整方法、装置、设备及计算机可读存储介质，以实现对外部页面的高度进行自动调整。为实现上述目的，本专利技术提供一种基于IFRAME的外部页面的高度调整方法，包括：确定待被引入的外部页面；根据所述外部页面所在IFRAME的标识信息，获取所述外部页面的IFRAME；获取所述外部页面的高度信息；根据所述高度信息对所述外部页面的IFRAME进行高度调整。其中，所述根据所述外部页面所在IFRAME的标识信息，获取所述外部页面的IFRAME，包括：根据所述外部页面的ID，通过js代码获取所述外部页面的IFRAME。其中，本方案还包括：设置对外部页面的高度更新频率。其中，所述根据所述高度信息对所述外部页面的IFRAME进行高度调整之后，还包括：根据所述高度更新频率重新获取所述外部页面的更新后的高度信息；判断更新后的高度信息与更新前的高度信息是否相同；若不相同，则根据更新后的高度信息对所述外部页面的IFRAME进行高度调整。为实现上述目的，本专利技术进一步提供一种基于IFRAME的外部页面的高度调整装置，包括：确定模块，用于确定待被引入的外部页面；第一获取模块，用于根据所述外部页面所在IFRAME的标识信息，获取所述外部页面的IFRAME；第二获取模块，用于获取所述外部页面的高度信息；调整模块，用于根据所述高度信息对所述外部页面的IFRAME进行高度调整。其中，所述第一获取模块具体用于：根据所述外部页面的ID，通过js代码获取所述外部页面的IFRAME。其中，本方案还包括：设置模块，用于设置对外部页面的高度更新频率。其中，本方案还包括：第三获取模块，用于根据所述高度更新频率重新获取所述外部页面的更新后的高度信息；判断模块，用于判断更新后的高度信息与更新前的高度信息是否相同；所述调整模块，用于在更新后的高度信息与更新前的高度信息不相同时，根据更新后的高度信息对所述外部页面的IFRAME进行高度调整。为实现上述目的，本专利技术进一步提供一种基于IFRAME的外部页面的高度调整设备，包括：存储器，用于存储计算机程序；处理器，用于执行所述计算机程序时实现上述的高度调整方法的步骤。为实现上述目的，本专利技术进一步提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述的高度调整方法的步骤。通过以上方案可知，本专利技术实施例提供的一种基于IFRAME的外部页面的高度调整方法，包括：确定待被引入的外部页面；根据所述外部页面所在IFRAME的标识信息，获取所述外部页面的IFRAME；获取所述外部页面的高度信息；根据所述高度信息对所述外部页面的IFRAME进行高度调整。可见，在本申请中，可通过获取外部页面的IFRAME和外部页面的高度信息，来对外部页面的IFRAME进行高度调整，从而在不改动任何被引入页面代码的前提下，实现主页面IFRAME高度的自动调整，从而降低代码维护效率。本专利技术还公开了一种基于IFRAME的外部页面的高度调整装置、设备及计算机可读存储介质，同样能实现上述技术效果。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例公开的一种基于IFRAME的外部页面的高度调整方法流程示意图；图2为本专利技术实施例公开的一种基于IFRAME的外部页面的高度调整装置结构意图；图3为本专利技术实施例公开的一种基于IFRAME的外部页面的高度调整设备结构意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术实施例公开了一种基于IFRAME的外部页面的高度调整方法、装置、设备及计算机可读存储介质，以实现对外部页面的高度进行自动调整。参见图1，本专利技术实施例提供的一种基于IFRAME的外部页面的高度调整方法，包括：S101、确定待被引入的外部页面；S102、根据外部页面所在IFRAME的标识信息，获取外部页面的IFRAME；其中，所述根据所述外部页面所在IFRAME的标识信息，获取所述外部页面的IFRAME，包括：根据所述外部页面的ID，通过js代码获取所述外部页面的IFRAME。需要说明的是，本申请所述的高度调整方法是基于当前使用页面的角度进行说明的，而外部页面则是被当前使用页面所引入的页面。在本实施例中，可定义当前使用页面为A，被引入iframe页面为B。设定被引入的外部页面B所在iframe的id为bid，在A页面中通过js代码获取B页面的iframe，varifm＝document.getElementById("bid")。S103、获取外部页面的高度信息；在本实施例中，在A页面获取B页面高度为varb-height＝ifm.contentDocument.body.scrollHeight，也即，本申请可以使用scrollheight计算外部页面的高度。S104、根据高度信息对外部页面的IFRAME进行高度调整。进一步，在本申请中，获取外部页面的IFRAME及高度信息后，便可根据高度信息对IFRAME进行高度调整。例如上述的页面A和页面B来说，在A页面中设置B所在iframe高度为$("#bid").height(b-height)。可以看出，本申请可通过获取外部页面的IFRAME和外部页面的高度信息，来对外部页面的IFRAME进行高度调整，从而在不改动任何被引入页面代码的前提下，实现主页面IFRAME高本文档来自技高网...

【技术保护点】
1.一种基于IFRAME的外部页面的高度调整方法，其特征在于，包括：/n确定待被引入的外部页面；/n根据所述外部页面所在IFRAME的标识信息，获取所述外部页面的IFRAME；/n获取所述外部页面的高度信息；/n根据所述高度信息对所述外部页面的IFRAME进行高度调整。/n

【技术特征摘要】
1.一种基于IFRAME的外部页面的高度调整方法，其特征在于，包括：
确定待被引入的外部页面；
根据所述外部页面所在IFRAME的标识信息，获取所述外部页面的IFRAME；
获取所述外部页面的高度信息；
根据所述高度信息对所述外部页面的IFRAME进行高度调整。


2.根据权利要求1所述的高度调整方法，其特征在于，所述根据所述外部页面所在IFRAME的标识信息，获取所述外部页面的IFRAME，包括：
根据所述外部页面所在IFRAME的ID，通过js代码获取所述外部页面的IFRAME。


3.根据权利要求1或者2所述的高度调整方法，其特征在于，还包括：
设置对外部页面的高度更新频率。


4.根据权利要求3所述的高度调整方法，其特征在于，所述根据所述高度信息对所述外部页面的IFRAME进行高度调整之后，还包括：
根据所述高度更新频率重新获取所述外部页面的更新后的高度信息；
判断更新后的高度信息与更新前的高度信息是否相同；
若不相同，则根据更新后的高度信息对所述外部页面的IFRAME进行高度调整。


5.一种基于IFRAME的外部页面的高度调整装置，其特征在于，包括：
确定模块，用于确定待被引入的外部页面；
第一获取模块，用于根据所述外部页面所在IFRAME的标识信息，获取所述外部页面的...

【专利技术属性】
技术研发人员：魏志伟，
申请(专利权)人：苏州浪潮智能科技有限公司，
类型：发明
国别省市：江苏;32