码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 学习笔记四(跨文档消息通信)

时间:2016-06-29 23:29:34      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

一、同域

父→子  方法:

⒈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为依法数据的大小。

HTML5 学习笔记四(跨文档消息通信)

标签:

原文地址:http://www.cnblogs.com/madmadken/p/5628410.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!