在HTML页面中嵌入HTML页面的方法及装置制造方法及图纸

本发明专利技术实施例提供一种在HTML页面中嵌入HTML页面的方法及装置，方法包括：获得第一HTML页面的HTML文档以及第二HTML页面对应的JS文件，其中，JS文件用于提供将第二HTML页面嵌入到第一HTML页面所需的数据；从HTML文档中，确定出目标页面元素；基于HTML文档和JS文件，将第二HTML页面嵌入到第一HTML页面中目标页面元素所处的位置中，获得嵌入后的第一HTML页面，其中，嵌入后的第一HTML页面中的第二HTML页面的样式与第一HTML页面的样式是统一的。如此，通过JS文件的方式来嵌入页面，能够同时提高嵌入操作的便捷度和嵌入效果。

【技术实现步骤摘要】
在HTML页面中嵌入HTML页面的方法及装置
本专利技术涉及互联网开发领域中的HTML(HyperTextMarkupLanguage，超级文本标记语言)技术，尤其涉及一种在HTML页面中嵌入HTML页面的方法及装置。
技术介绍
随着信息化的发展以及计算机技术和互联网技术的普及，各行各业的企业用户依赖网络进行技术创新和市场拓展，个人用户依赖网络进行信息交互。在实际应用中，为了便捷地在第一站点的第一HTML页面上收集用户输入信息给第二站点或者在第一站点的第一HTML页面上通过第二站点给用户提供服务，往往需要将第二站点的第二HTML页面嵌入到第一站点的第一HTML页面中来实现。但是在现有技术中，为了实现将第二HTML页面嵌入到第一HTML页面中，通常需要先编写第一HTML页面对应的源代码，获得第一HTML页面所对应的HTML文件，然后再编写第二HTML页面所对应的源代码，最后使用iframe标签将第二HTML页面所对应的源代码加入到第一HTML页面的HTML文件中，操作起来十分不便，而且使用iframe标签这种方式来嵌入页面时，往往在嵌入后的第一HTML页面中，第二HTML页面和原来的第一HTML页面的样式不统一，明显可以看出来嵌入后的第一HTML页面中的第二HTML页面来自外部的第二站点，而非来自第一站点，会给人造成嵌入后的第一HTML页面不是一个整体的感觉，嵌入效果较差。可见，现有的将一个HTML页面嵌入到另一个HTML页面中的方法存在嵌入操作不便且嵌入效果差的问题。
技术实现思路
有鉴于此，本专利技术实施例提供的一种在HTML页面中嵌入HTML页面的方法及装置，主要目的在于通过JS文件的方式，能够方便地将一个页面嵌入到另一个页面中，而且能够改善嵌入效果。为达到上述目的，本专利技术实施例主要提供如下技术方案：第一方面，本专利技术实施例提供一种在HTML页面中嵌入HTML页面的方法，所述方法包括：获得第一HTML页面的HTML文档以及第二HTML页面对应的JS文件，其中，所述JS文件用于提供将所述第二HTML页面嵌入到所述第一HTML页面所需的数据；从所述HTML文档中，确定出目标页面元素，其中，所述目标页面元素用于指示所述第二HTML页面嵌入到所述第一HTML页面的位置信息；基于所述HTML文档和所述JS文件，将所述第二HTML页面嵌入到所述第一HTML页面中所述目标页面元素所处的位置中，获得嵌入后的第一HTML页面，其中，所述嵌入后的第一HTML页面中的所述第二HTML页面的样式与所述第一HTML页面的样式是统一的。第二方面，本专利技术实施例提供一种在HTML页面中嵌入HTML页面的装置，所述装置包括：第一获得单元、确定单元以及第二获得单元，其中，所述确定单元，用于从所述HTML文档中，确定出目标页面元素，其中，所述目标页面元素用于指示所述第二HTML页面嵌入到所述第一HTML页面的位置信息；所述第二获得单元，用于基于所述HTML文档和所述JS文件，将所述第二HTML页面嵌入到所述第一HTML页面中所述目标页面元素所处的位置中，获得嵌入后的第一HTML页面，其中，所述嵌入后的第一HTML页面中的所述第二HTML页面的样式与所述第一HTML页面的样式是统一的。第三方面，本专利技术实施例提供一种存储介质，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行上述在HTML页面中嵌入HTML页面的方法。第四方面，本专利技术实施例提供一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行上述在HTML页面中嵌入HTML页面的方法。本专利技术实施例提供的一种在HTML页面中嵌入HTML页面的方法及装置，在获得第一HTML页面的HTML文档以及第二HTML页面对应的JS文件后，其中，JS文件用于提供将第二HTML页面嵌入到第一HTML页面所需的数据；会先从HTML文档中，确定出目标页面元素，其中，目标页面元素用于指示第二HTML页面嵌入到第一HTML页面的位置信息；最后，基于HTML文档和JS文件，将第二HTML页面嵌入到第一HTML页面中目标页面元素所处的位置中，获得嵌入后的第一HTML页面，其中，嵌入后的第一HTML页面中的第二HTML页面的样式与第一HTML页面的样式是统一的。这样，通过JS文件的方式来嵌入页面，不但能够方便地将一个页面嵌入到另一个页面中，而且生成的嵌入后的第一HTML页面是一个整体，能够改善嵌入效果。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了本专利技术实施例一中的现有技术中嵌有第二HTML页面的第一HTML页面的示意图；图2示出了本专利技术实施例一中的在HTML页面中嵌入HTML页面的方法的流程示意图；图3示出了本专利技术实施例一中的嵌入后的第一HTML页面的示意图；图4示出了本专利技术实施例二中的在HTML页面中嵌入HTML页面的装置的结构示意图；图5示出了本专利技术实施例三中的在HTML页面中嵌入HTML页面的设备的结构示意图。具体实施方式下面将参照附图更详细地描述本专利技术的示例性实施例。虽然附图中显示了本专利技术的示例性实施例，然而应当理解，可以以各种形式实现本专利技术而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本专利技术，并且能够将本专利技术的范围完整的传达给本领域的技术人员。实施例一在实际应用中，为了便捷地在第一站点的第一HTML页面上收集用户输入信息给第二站点，如服务器需要通过客户端的网页收集用户的浏览信息，或者为了便捷地在第一站点的第一HTML页面上通过第二站点给用户提供服务，如某影视网站需要通过自己网站的HTML页面向用户提供其它视频网站的视频资源、某生活服务网站通过第三方搜索引擎向用户提供搜索服务等，往往会通过iframe的方式来将第二站点的第二HTML页面嵌入到第一站点的第一HTML页面中，生成如图1所示的嵌有第二HTML页面的第一HTML页面10。其中，iframe指内嵌框架。采用上述方法在一个页面中嵌入另一个页面时往往需要开发人员手动编写很多的代码，操作十分麻烦，而且由于iframe是通过对第一HTML页面的布局进行分割，将第一HTML页面分成几个框，然后在第一HTML页面中嵌入新的frame框架来将第二HTML页面嵌入到第一HTML页面中的，这样，由于第二HTML页面实际上是显示在iframe框架上的，那么，对于嵌有第二HTML页面的第一HTML页面而言，就会出现第一HTML页面中嵌有的第二HTML页面会带有框结构、或者第二HTML页面的背景颜色与第一HTML页面的背景颜色不相同等问题，仍然参见图1所示，从整体上来看，在嵌有第二页面的第一页面10中，第二HTML页面101和第一HTML页面102的显示样式是不统一的，从而，用户就可以明显地看出来，嵌有第二页面的第一页面10中的第二HTML页面102，与嵌有第二页面的第一页面10中的第一HTML页面101是来自不同的站点，会给人造成嵌入后的第一HTML页面10不是一个整体的感觉，嵌入效果较差。为了解决上述问题，本专利技术实施例提供本文档来自技高网...

【技术保护点】
1.一种在超级文本标记语言HTML页面中嵌入HTML页面的方法，其特征在于，所述方法包括：获得第一HTML页面的HTML文档以及第二HTML页面对应的JS文件，其中，所述JS文件用于提供将所述第二HTML页面嵌入到所述第一HTML页面所需的数据；从所述HTML文档中，确定出目标页面元素，其中，所述目标页面元素用于指示所述第二HTML页面嵌入到所述第一HTML页面的位置信息；基于所述HTML文档和所述JS文件，将所述第二HTML页面嵌入到所述第一HTML页面中所述目标页面元素所处的位置中，获得嵌入后的第一HTML页面，其中，所述嵌入后的第一HTML页面中的所述第二HTML页面的样式与所述第一HTML页面的样式是统一的。

【技术特征摘要】
1.一种在超级文本标记语言HTML页面中嵌入HTML页面的方法，其特征在于，所述方法包括：获得第一HTML页面的HTML文档以及第二HTML页面对应的JS文件，其中，所述JS文件用于提供将所述第二HTML页面嵌入到所述第一HTML页面所需的数据；从所述HTML文档中，确定出目标页面元素，其中，所述目标页面元素用于指示所述第二HTML页面嵌入到所述第一HTML页面的位置信息；基于所述HTML文档和所述JS文件，将所述第二HTML页面嵌入到所述第一HTML页面中所述目标页面元素所处的位置中，获得嵌入后的第一HTML页面，其中，所述嵌入后的第一HTML页面中的所述第二HTML页面的样式与所述第一HTML页面的样式是统一的。2.根据权利要求1所述的方法，其特征在于，在所述获得第二HTML页面对应的JS文件之前，所述方法还包括：获得第二HTML页面模板、JS维护信息、层叠样式表CSS文件以及维护路由信息，其中，所述第二HTML页面模板用于生成所述第二HTML页面，所述JS维护信息用于维护所述第二HTML页面在所述第一HTML页面中的展示逻辑，所述CSS文件用于维护所述第二HTML页面在所述第一HTML页面中的展示样式，所述维护路由信息用于维护所述第二HTML页面在所述第一HTML页面中的路由信息；将所述第二HTML页面模板、所述JS维护信息、所述层叠样式表CSS文件以及所述维护路由信息打包，生成所述JS文件。3.根据权利要求1所述的方法，其特征在于，所述从所述HTML文档中，确定出目标页面元素，包括：当所述目标页面元素为div标签时，从所述HTML文档中，查找div标签所在的位置。4.根据权利要求3所述的方法，其特征在于，所述基于所述HTML文档和所述JS文件，将所述第二HTML页面嵌入到所述第一HTML页面中所述目标页面元素所处的位置中，获得嵌入后的第一HTML页面，包括：通过script标签，将所述JS文件加入到所述HTML文档中所述div标签所在的位置处，获得处理后的HTML文档；加载所述处理后的HTML文档，渲染...

【专利技术属性】
技术研发人员：金迪颖，
申请(专利权)人：北京奇虎科技有限公司，
类型：发明
国别省市：北京,11