【技术实现步骤摘要】
本公开涉及计算机中的页面开发，尤其涉及一种页面嵌入方法、页面交互方法、装置、设备及存储介质。
技术介绍
1、前端开发主要是创建呈现给用户的web页面等前端界面，通过所创建的前端界面来实现互联网产品的用户界面交互。
2、在前端开发中，通常有在页面中嵌入其他页面的需求，例如在页面1中嵌入页面2，以实现在页面1中直接浏览页面2或者实现页面2的功能。目前仍需要提高页面嵌入的效率。
技术实现思路
1、本公开提供了一种页面嵌入方法、页面交互方法、装置、设备及存储介质。
2、根据本公开的第一方面，提供了一种页面嵌入方法，包括：在第一页面的页面代码中注入第二页面对应的web页面容器实例，所述web页面容器实例包括第二页面的展示组件和自定义交互组件，所述展示组件封装有第二页面的统一资源定位符；执行如下初始化所述web页面容器实例的操作以完成页面嵌入：注册监听第二页面向所述第一页面传递消息的消息传递事件监听，并为所述消息传递事件监听绑定所述自定义交互组件中的自定义消息响应操作函数。
3、根据本公开的第二方面，提供了一种页面交互方法，包括：响应于接收到在第一页面执行的展示第二页面的指令，运行嵌入在第一页面代码中的web页面容器实例；其中，所述web页面容器实例封装有第二页面的展示组件和自定义交互组件，所述展示组件封装有第二页面的统一资源定位符；利用web页面容器实例根据所述统一资源定位符获取第二页面的页面内容，并展示所述第二页面；接收web页面容器实例根据用户与第二页
4、根据本公开的第三方面，提供了一种页面嵌入装置，包括：注入单元，用于在第一页面的页面代码中注入第二页面对应的web页面容器实例，所述web页面容器实例包括第二页面的展示组件和自定义交互组件，所述展示组件封装有第二页面的统一资源定位符；第一执行单元，用于执行如下初始化所述web页面容器实例的操作以完成页面嵌入：注册监听第二页面向所述第一页面传递消息的消息传递事件监听，并为所述消息传递事件监听绑定所述自定义交互组件中的自定义消息响应操作函数。
5、根据本公开的第四方面，提供了一种页面交互装置，包括：第一运行单元，用于响应于接收到在第一页面执行的展示第二页面的指令，运行嵌入在第一页面代码中的web页面容器实例；其中所述web页面容器实例封装有第二页面的展示组件和自定义交互组件，所述展示组件封装有第二页面的统一资源定位符；展示单元，用于利用web页面容器实例根据所述统一资源定位符获取第二页面的页面内容，并展示所述第二页面；确定单元，用于接收web页面容器实例根据用户与第二页面的交互操作而发送的交互响应指令，根据所述交互响应指令以及自定义消息响应操作函数确定响应操作，其中所述自定义交互组件封装有自定义消息响应操作函数；第二执行单元，用于执行所述响应操作。
6、根据本公开的第五方面，提供了一种电子设备，包括至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如第一方面或第二方面所述的方法。
7、根据本公开的第六方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据如第一方面或第二方面所述的方法所述的方法。
8、根据本公开的第七方面，提供了一种计算机程序产品，所述计算机程序产品包括：计算机程序，所述计算机程序存储在可读存储介质中，电子设备的至少一个处理器可以从所述可读存储介质读取所述计算机程序，所述至少一个处理器执行所述计算机程序使得电子设备执行第一方面或第二方面所述的方法。
9、根据本公开的方案，在第一页面的页面代码中注入第二页面对应的web页面容器实例，所述web页面容器实例包括第二页面的展示组件和自定义交互组件，所述展示组件封装有第二页面的统一资源定位符；执行如下初始化所述web页面容器实例的操作以完成页面嵌入：注册监听第二页面向所述第一页面传递消息的消息传递事件监听，并为所述消息传递事件监听绑定所述自定义交互组件中的自定义消息响应操作函数。因此，在页面嵌入时无需为实现第二页面与不同宿主页面之间的交互各自单独开发交互代码，提高了页面嵌入效率，节省了页面嵌入的开发成本。
10、应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
本文档来自技高网...【技术保护点】
1.一种页面嵌入方法，包括：
2.根据权利要求1所述的方法，其特征在于，所述展示组件中使用内嵌框架标签封装第二页面的统一资源定位符。
3.根据权利要求2所述的方法，其特征在于，所述展示组件还封装有第二页面的显示样式，其中，所述显示样式包括以下至少之一：显示大小、透明度。
4.根据权利要求1所述的方法，其特征在于，所述自定义交互组件还包括自定义消息传递函数，所述自定义消息传递函数用于对用户与第二页面的交互产生的交互响应指令进行格式转换，将格式转换后的交互响应指令传递给第一页面。
5.根据权利要求1至4中任意一项所述的方法，其特征在于，所述自定义消息响应操作函数包括与由第二页面传递的不同交互响应指令分别对应的响应操作。
6.一种页面交互方法，包括：
7.根据权利要求6所述的方法，其特征在于，所述展示组件中以内嵌框架标签封装第二页面的统一资源定位符；以及所述利用web页面容器实例根据所述统一资源定位符获取第二页面的页面内容，并展示所述第二页面，包括：
8.根据权利要求6所述的方法，其特征在于，所述展示组
9.根据权利要求6所述的方法，其特征在于，所述自定义消息响应操作函数包括与多个交互操作结果分别匹配的响应操作；以及
10.根据权利要求9所述的方法，其特征在于，所述交互响应指令包括第一指令、第二指令和/或第三指令；其中，
11.根据权利要求6至10中任意一项所述的方法，其特征在于，所述自定义交互组件还包括自定义消息传递函数，以及所述方法还包括：
12.一种页面嵌入装置，包括：
13.根据权利要求12所述的装置，其特征在于，所述展示组件中使用内嵌框架标签封装第二页面的统一资源定位符。
14.根据权利要求13所述的装置，其特征在于，所述展示组件还封装有第二页面的显示样式，其中，所述显示样式包括以下至少之一：显示大小、透明度。
15.根据权利要求12所述的装置，其特征在于，
16.根据权利要求12至15中任意一项所述的装置，其特征在于，
17.一种页面交互装置，包括：
18.根据权利要求17所述的装置，其特征在于，展示组件中以内嵌框架标签封装第二页面的统一资源定位符；以及所述展示单元包括获取模块，所述获取模块用于：
19.根据权利要求17所述的装置，其特征在于，展示组件还封装有第二页面的显示样式，以及所述展示单元包括展示模块，展示模块用于：
20.根据权利要求17所述的装置，其特征在于，所述自定义消息响应操作函数包括与多个交互操作结果分别匹配的响应操作；以及所述确定单元包括确定模块，所述确定模块用于：
21.根据权利要求20所述的装置，其特征在于，
22.根据权利要求17至21中任意一项所述的装置，其特征在于，所述自定义交互组件还包括自定义消息传递函数，以及所述装置还包括第二运行单元，所述第二运行单元用于：响应于接收到所述交互响应指令，由web页面容器实例运行所述自定义消息传递函数以由所述自定义消息传递函数执行如下操作：
23.一种电子设备，包括：
24.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1-11中任一项所述的方法。
25.一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现权利要求1-11中任一项所述方法的步骤。
...【技术特征摘要】
1.一种页面嵌入方法，包括：
2.根据权利要求1所述的方法，其特征在于，所述展示组件中使用内嵌框架标签封装第二页面的统一资源定位符。
3.根据权利要求2所述的方法，其特征在于，所述展示组件还封装有第二页面的显示样式，其中，所述显示样式包括以下至少之一：显示大小、透明度。
4.根据权利要求1所述的方法，其特征在于，所述自定义交互组件还包括自定义消息传递函数，所述自定义消息传递函数用于对用户与第二页面的交互产生的交互响应指令进行格式转换，将格式转换后的交互响应指令传递给第一页面。
5.根据权利要求1至4中任意一项所述的方法，其特征在于，所述自定义消息响应操作函数包括与由第二页面传递的不同交互响应指令分别对应的响应操作。
6.一种页面交互方法，包括：
7.根据权利要求6所述的方法，其特征在于，所述展示组件中以内嵌框架标签封装第二页面的统一资源定位符；以及所述利用web页面容器实例根据所述统一资源定位符获取第二页面的页面内容，并展示所述第二页面，包括：
8.根据权利要求6所述的方法，其特征在于，所述展示组件还封装有第二页面的显示样式，以及所述展示所述第二页面，包括：
9.根据权利要求6所述的方法，其特征在于，所述自定义消息响应操作函数包括与多个交互操作结果分别匹配的响应操作；以及
10.根据权利要求9所述的方法，其特征在于，所述交互响应指令包括第一指令、第二指令和/或第三指令；其中，
11.根据权利要求6至10中任意一项所述的方法，其特征在于，所述自定义交互组件还包括自定义消息传递函数，以及所述方法还包括：
12.一种页面嵌入装置，包括：
13.根据权利要求12所述的装置，其特征在...
【专利技术属性】
技术研发人员：兰建国，
申请(专利权)人：北京度商软件技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。