[发明专利]一种跨iframe的DOM交互方法、装置、设备和介质

说明书

本发明提供一种跨iframe的DOM交互方法、装置、设备和介质，方法包括：用一个父iframe包裹所有需要交互的子iframe，并让所有子iframe对所述父iframe开放通信权限但不对其他子iframe开放通信权限；所述父iframe通过各个子iframe监听本子iframe内部是否发生dom拖拽事件，若是，则由所述父iframe充当通信中介实现跨iframe的dom拖拽。本发明通过一个父iframe充当通信中介，让包裹于该父iframe内的各个子iframe之间实现dom拖拽，但各个子iframe之间则无需互相开放通信权限，因此较好地保障了各个子iframe之间的通信安全。

技术领域

本发明涉及iframe之间的跨域通信领域，特别涉及一种跨iframe的DOM交互方法、装置、设备和介质。

背景技术

iframe是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。

iframe之间如果跨域是无法通信，如果要通信，必须配置具体的目标域，如果存在多个域的通信，配置时只能将目标域设置为“*”，即允许所有域通信，这样安全性又得不到保障。

iframe之间是沙箱的，没办法做到直接把一个iframe A的一个DOM拖拽到iframeB中。

发明内容

本发明要解决的技术问题，在于提供一种跨iframe的DOM交互方法、装置、设备和介质，实现了跨iframe的DOM交互，填补了多个iframe之间的跨域安全通信的空白。

第一方面，本发明提供了一种跨iframe的DOM交互方法，用一个父iframe包裹所有需要交互的子iframe，并让所有子iframe对所述父iframe开放通信权限但不对其他子iframe开放通信权限；所述父iframe通过各个子iframe监听本子iframe内部是否发生dom拖拽事件，若是，则由所述父iframe充当通信中介实现跨iframe的dom拖拽。

第二方面，本发明提供了一种跨iframe的DOM交互装置，包括：

包裹模块，用一个父iframe包裹所有需要交互的子iframe；

域开放模块，让所有子iframe对所述父iframe开放通信权限但不对其他子iframe开放通信权限；

监听模块，用于所述父iframe通过各个子iframe监听本子iframe内部dom拖拽事件；

跨iframe的dom拖拽模块，用于当监听到某子iframe内部发生dom拖拽事件时，通过所述父iframe充当通信中介实现跨iframe的dom拖拽。

第三方面，本发明提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现第一方面所述的方法。

第四方面，本发明提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现第一方面所述的方法。

本发明实施例中提供的一个或多个技术方案，至少具有如下技术效果或优点：本发明通过一个父iframe充当通信中介，让包裹于该父iframe内的各个子iframe实现跨域的dom之间互相的拖拽，但各个子iframe之间则无需互相开放通信权限，因此较好地保障了各个子iframe之间的通信安全。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

下面参照附图结合实施例对本发明作进一步的说明。