HTML5中跨文档通信

本文介绍了HTML5中的跨文档通信机制,包括同域下的iframe通信和不同域下的Message API通信方式,强调了Message API的监听和发送消息方法。此外,还详细讲解了JSONP作为跨域请求的解决方案,解释了其工作原理和如何使用。同时,提到了WebSocket协议在实现双向通信中的作用,以及相对于Ajax轮询的优势。
摘要由CSDN通过智能技术生成

 首先要介绍Messaging API,因为Web Worker和Web Socket都使用这一共同通信方法,所以作为一个通信的基本知识。

 HTML5提供了在网页文档之间相互接收与发送信息的功能。使用这个功能,只要获取到窗口对象的实例,不仅同源同策(域+端口号)的Web网页之间可以相互通信,甚至可以实现跨域通信。

  • 同域下的跨文档通信

同域跨文档指的是在相同域名下不同文档的通信。我们可以借助iframe标签来进行数据之间的通信。

iframe标签可以嵌套另一个标签,并且可以通过js去访问被包含的页面的window对象。

注:我们需要在相同的网站下,建立不同的文件,才能达到跨文档通信效果。在使用iframe进行通信时会产生一个contentWindow这个对象。

  • 不同域下的跨文档通信

HTML5提供了在网页之间互相进行接受与发送消息的功能;可以获取到网页所在窗口的实例,不同源(域+端口号)的web网页之间的相互通信,也可以实现跨域通信。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值