CN109960765A

CN109960765A - 一种基于编程语言对网页进行跨域通信的方法、电子设备

Info

Publication number: CN109960765A
Application number: CN201910145389.1A
Authority: CN
Inventors: 孙悦; 李天驰
Original assignee: Shenzhen Dianmao Technology Co Ltd
Current assignee: Shenzhen Dianmao Technology Co Ltd
Priority date: 2019-02-27
Filing date: 2019-02-27
Publication date: 2019-07-02

Abstract

本发明公开一种基于编程语言对网页进行跨域通信的方法、电子设备，方法包括步骤：当第一网页与第二网页进行跨域通信时，在所述第一网页中创建文本标签；将所述文本标签中的地址信息指向第三网页，且所述第三网页为空白网页，以及将第三网页的window.name值设置为目标值；对所述文本标签的地址信息进行修改，以使所述文本标签中的地址信息指向第二网页；通过第二网页获取所述第三网页中的目标值，以完成第一网页和第二网页的跨域通信。这一方法能够适用于所有的网页，不仅具备灵活性还具备安全性以及适用于所有的场景，能够满足所有网页的跨域通信需求。

Description

一种基于编程语言对网页进行跨域通信的方法、电子设备

技术领域

本发明涉及编程语言领域，尤其涉及一种基于编程语言对网页进行跨域通信的方法、电子设备。

背景技术

域(Domain)是Windows网络中独立运行的单位，域之间相互访问则需要建立信任关系(即Trust Relation)。信任关系是连接在域与域之间的桥梁。当一个域与其他域建立了信任关系后，两个域之间不但可以按需要相互进行管理，还可以跨网分配文件和打印机等设备资源，使不同的域之间实现网络资源的共享与管理。

有一种简明的说法来解释跨域访问，简单来说就是A网站的javascript代码试图访问B网站，包括访问B网站提交内容和以及B网站的下载内容。

现有的解决跨域方案需要依赖jsonp，cors和postMessage，其中，jsonp方案欠缺灵活性，cors欠缺安全性，postMessage方案只能适用于某些特定场景，也就是说，现有的跨域通信方案跨域方案比较单一，无法满足用户的需求。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种基于编程语言对网页进行跨域通信的方法、电子设备，旨在解决现有的跨域通信方案跨域方案比较单一，无法满足用户的需求的问题。

本发明的技术方案如下：

一种基于编程语言对网页进行跨域通信的方法，其包括步骤：

A、当第一网页与第二网页进行跨域通信时，在所述第一网页中创建文本标签；

B、将所述文本标签中的地址信息指向第三网页，且所述第三网页为空白网页，以及将第三网页的window.name值设置为目标值；

C、对所述文本标签的地址信息进行修改，以使所述文本标签中的地址信息指向第二网页；

D、通过第二网页获取所述第三网页中的目标值，以完成第一网页和第二网页的跨域通信。

所述的基于编程语言对网页进行跨域通信的方法，所述步骤B包括：

对第三网页的location.hash的值进行修改，以改变第三网页的事件监听。

所述的基于编程语言对网页进行跨域通信的方法，当对第三网页的location.hash的值进行修改时，所述步骤C包括：

在所述第三网页中创建文本标签，并将文本标签的地址信息指向第二网页；

对第二网页的location.hash的值进行修改，以改变第二网页的事件监听。

所述的基于编程语言对网页进行跨域通信的方法，所述对第二网页的location.hash的值进行修改，以改变第二网页的事件监听的步骤之后包括：

监听所述第二网页的事件监听，当监听到location.hash的值的发生变化时，则完成第一网页和第二网页的跨域通信。

所述的基于编程语言对网页进行跨域通信的方法，所述步骤A还包括：

获取所述第一网页与第二网页之间的关系，并判断第二网页的一级域名是否第一网页的二级域名；

当第二网页的一级域名是第一网页的二级域名时，分别设置第一网页和第二网页域名的document.domain。

所述的基于编程语言对网页进行跨域通信的方法，所述步骤C还包括：

为所述第一网页的文本标签添加事件监听，以及为第二网页创建全局变量。

所述的基于编程语言对网页进行跨域通信的方法，所述为所述第一网页的文本标签添加事件监听，以及为第二网页创建全局变量的步骤之后包括：

在第一网页加载完成后，对第一网页中的文本标签的事件监听进行监听，并通过一窗口对象获取所述全局变量，以完成第一网页和第二网页的跨域通信。

本发明还提供一种电子设备，其包括：

处理器，适于实现各指令，以及

存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：

当第一网页与第二网页进行跨域通信时，在所述第一网页中创建文本标签；

将所述文本标签中的地址信息指向第三网页，且所述第三网页为空白网页，以及将第三网页的window.name值设置为目标值；

对所述文本标签的地址信息进行修改，以使所述文本标签中的地址信息指向第二网页；

通过第二网页获取所述第三网页中的目标值，以完成第一网页和第二网页的跨域通信。

本发明还提供一种计算机程序产品，其中，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行所述的基于编程语言对网页进行跨域通信的方法。

本发明还提供一种非易失性计算机可读存储介质，其中，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行所述的基于编程语言对网页进行跨域通信的方法。

有益效果：通过本发明提供的方法，如果两个网页(第一网页和第二网页)之间需要进行跨域通信，便可以在第一网页中创建文本标签，并将文本标签的地址信息指向第三网页，然后，对文本标签的地址信息进行修改，以使文本标签的地址信息指向第二网页，最后通过第二网页获取第三网页的目标值，从而完成第一网页和第二网页的跨域通信。这一方法能够适用于所有的网页，不仅具备灵活性还具备安全性以及适用于所有的场景，能够满足所有网页的跨域通信需求。

附图说明

图1为本发明基于编程语言对网页进行跨域通信的方法较佳实施例的流程图。

图2为本发明电子设备较佳实施例的结构框图。

具体实施方式

本发明提供一种基于编程语言对网页进行跨域通信的方法、电子设备，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

请参阅图1，一种基于编程语言对网页进行跨域通信的方法，其包括步骤：

S1、当第一网页与第二网页进行跨域通信时，在所述第一网页中创建文本标签；

S2、将所述文本标签中的地址信息指向第三网页，且所述第三网页为空白网页，以及将第三网页的window.name值设置为目标值；

S3、对所述文本标签的地址信息进行修改，以使所述文本标签中的地址信息指向第二网页；

S4、通过第二网页获取所述第三网页中的目标值，以完成第一网页和第二网页的跨域通信。

通过本发明提供的方法，能够完成所有网页之间的跨域通信，简单的说，本发明具有适用性广、灵活性高、安全性高和可适应性强的特点，采用本发明提供的方法，能够完美对应多个场景的前端跨域通信。

所述步骤S1中，第一网页、第二网页和后续中的第三网页仅仅是为了方便说明，第一网页、第二网页和第三网页均指普通的网页，例如，百度网页、搜狐网页或QQ网页等等。

关于跨域通信已在背景技术中详细说明，因此，不做赘述。

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

在HTML文档中，每当<iframe>出现时，则表示一个iframe对象被创建。

优选的，在iframe中还可以设置以下属性：

1、frameborder：用于定义是否显示边框，1表示显示框架，0表示不显示框架。

2、height：用于设置普通元素的高度。

3、width：用于设置普通元素的宽度。

4、name：框架的名称。

5、scrolling:用于定义框架的是否滚动，包括滚动、不滚动和自动设置。

6、src：内框架的地址，可以使页面地址，也可以是图片的地址。

7、srcdoc：用于替代原来HTML body里面的内容。

8、sandbox:用于对iframe进行一些列限制，但仅在IE浏览器版本为10或者10以上才支持。

优选的，所述步骤S1还包括：

网页的域名是指网页的地址名称，例如，百度网页的域名为：baidu.com；谷歌网页的域名为：google.com。网页的域名是用来定位网站的独一无二的名字(名称)。

下面通过一个具体的例子对一级域名和二级域名进行详细说明。

例如，以百度网页的网站：www.tieba.baidu.com为例，baidu.com表示一级域名，而tieba.baidu.com(百度贴吧)则表示二级域名。简单的说，二级域名是互联网DNS等级之中，处于一级域名之下的域。二级域名的特点包括：

1、二级域名是寄存在一级域名之下的域名。

2、二级域名属于一个独立的分支，他有自己的收录、快照、PR值和反链等。

3、当一级域名受到惩罚时，二级域名也会连带惩罚。

分别获取第一网页和第二网页的域名信息，从而获取第一网页的一级域名和二级域名，以及获取第二网页的一级域名和二级域名，这样，便可以判断第二网页的域名是否为第一网页的二级域名，即判断两者是否相同。

如果第二网页的第一域名与第一网页的二级域名一致时，那么，对第一网页的一级域名的document.domain进行设置，以及对第二网页的的二级域名的document.domain进行设置。

document.domain说明该属性是一个只读的字符串，包含了载入当前文档的web服务器的主机名。

所述步骤S2中，文本标签的地址信息具体是指url。url是统一资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的url，它主要用于指出文件的位置。

其中，name属性可设置或返回存放窗口的名称的一个字符串。通过修改window.name的值设置为目标值能够实现第一网页与第二网页的快速跨域通信。

优选的，所述步骤S2包括：

location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href＝url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash＝"#admin"。

在文本标签的地址信息指向第三网页后，则对第三网页的location.hash的值进行修改，从而达到改变第三网页的事件监听的目的。

所述步骤S3中，为了快速实现第一网页和第二网页的跨域通信，因此，需要对文本标签的地址信息进行修改，使得文本标签的地址信息指向第二网页。

优选的，当对第三网页的location.hash的值进行修改时，所述步骤S3包括：

S31、在所述第三网页中创建文本标签，并将文本标签的地址信息指向第二网页；

S32、对第二网页的location.hash的值进行修改，以改变第二网页的事件监听。

所述步骤S31中，关于如何创建文本标签已在上述步骤中详述，故此不做赘述。

同样的，修改地址信息的目的是为了实现第一网页和第二网页的跨域通信。

所述步骤S32中，关于修改location.hash的值，已在上述步骤中详述，其方法和过程均相同，故不做多余的赘述。

优选的，所述对第二网页的location.hash的值进行修改，以改变第二网页的事件监听的步骤之后包括：

在修改监听事件后，便可以对第二网页的事件进行监听。具体的说，监听事件主要用于监听location.hash的值是否发生变化，若是，则表示第一网页和第二网页完成跨域通信；若否，则继续对location.hash的值进行监听，直至location.hash的值发生变化，也就是说，必须在第一网页和第二网页完成跨域通信后，才结束事件监听。

优选的，所述步骤S3还包括：

变量分为局部与全局，局部变量又可称之为内部变量。由某对象或某个函数所创建的变量通常都是局部变量，只能被内部引用，而无法被其它对象或函数引用。

全局变量既可以是某对象函数创建，也可以是在本程序任何地方创建。全局变量是可以被本程序所有对象或函数引用。

创建全局变量的位置主要是在函数的外面或者函数的最顶部，与JAVA创建全局变量的方式相似；此外，还可以创建在函数的内部，并且可以省略其中的var。

优选的，所述为所述第一网页的文本标签添加事件监听，以及为第二网页创建全局变量的步骤之后包括：

窗口对象具体是指：frame.contentWindow.message。通过frame.contentWindow.message获取全局变量，如果成功获取，则表示第一网页和第二网页的跨域通信，如果第一次获取不成功，则通过循环函数进行二次获取，或者三次获取，直接获取全局变量，从而完成第一网页和第二网页的跨域通信。

通过本发明提供的方法适用于没有保密性的数据交换(通信)、也适用于具有保密性的数据交换以及适用于大量数据的交换。也就是说，本发明提供的方法具有通用性，和适用性强的特点。

请参阅图2，本发明还提供一种电子设备10，其包括：

处理器，适于实现各指令，以及

所述处理器110可以为通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、单片机、ARM(Acorn RISC Machine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。还有，处理器还可以是任何传统处理器、微处理器或状态机。处理器也可以被实现为计算设备的组合，例如，DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP核、任何其它这种配置。

存储设备120作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本发明实施例中的基于编程语言对网页进行跨域通信的方法对应的程序指令。处理器通过运行存储在存储设备中的非易失性软件程序、指令以及单元，从而执行基于编程语言对网页进行跨域通信的各种功能应用以及数据处理，即实现上述方法实施例中的基于编程语言对网页进行跨域通信的方法。

关于上述电子设备10的具体技术细节，已在上述步骤中详述，故此不做赘述。

应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims

1.一种基于编程语言对网页进行跨域通信的方法，其特征在于，包括步骤：

2.根据权利要求1所述基于编程语言对网页进行跨域通信的方法，其特征在于，所述步骤B包括：

3.根据权利要求2所述基于编程语言对网页进行跨域通信的方法，其特征在于，当对第三网页的location.hash的值进行修改时，所述步骤C包括：

4.根据权利要求3所述基于编程语言对网页进行跨域通信的方法，其特征在于，所述对第二网页的location.hash的值进行修改，以改变第二网页的事件监听的步骤之后包括：

5.根据权利要求1所述基于编程语言对网页进行跨域通信的方法，其特征在于，所述步骤A还包括：

6.根据权利要求5所述基于编程语言对网页进行跨域通信的方法，其特征在于，所述步骤C还包括：

7.根据权利要求6所述基于编程语言对网页进行跨域通信的方法，其特征在于，所述为所述第一网页的文本标签添加事件监听，以及为第二网页创建全局变量的步骤之后包括：

8.一种电子设备，其特征在于，包括：

处理器，适于实现各指令，以及

9.一种计算机程序产品，其特征在于，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行权利要求1-7任一项所述的基于编程语言对网页进行跨域通信的方法。

10.一种非易失性计算机可读存储介质，其特征在于，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行权利要求1-7任一项所述的基于编程语言对网页进行跨域通信的方法。