HTML5 学习笔记四（跨文档消息通信）

Posted 2020-08-01

一、同域

父→子  方法：

⒈iframe对象：父页面的iframe中的子页面，父的iframe对象的contentWindow即为子window对象。

⒉父通过window.open()方法，其方法接收子url作为参数，方法返回值为子window对象。

 

子→父 方法：

⒈iframe：在父页面的iframe中，子页面的parent（window.parent）对象为父window.

⒉使用open()方法的父子，其子页面的window.openner即为父window对象。

 

二、跨域

在父窗口中的子window对象使用postMessage(n1,n2)，n1为数据，n2为域名（必须带协议）。

子窗口通过添加message事件接收福请求，其中事件ev有origin为父域n2，data为父数据n1两属性。

 

三、跨域ajax：

除了使用Jsonp外，ajax可跨域请求，不过需后台配合，如后台php需加上header(‘Access-Control-Allow-Origin:源域名‘)，即可实现跨域。

 

ajax无刷新上传：通过FromData（）对象添加文件file来构建提交数据。

上传进度对象upload()

属性：tota为l要发数据的大小  loaded为依法数据的大小。