iframe+postMessage解决跨域问题

postMessage 是 HTML5 新增加的一项功能,跨文档消息传输(Cross Document Messaging),目前:Chrome 2.0+、Internet Explorer 8.0+, Firefox 3.0+, Opera 9.6+, 和 Safari 4.0+ 都支持这项功能。

我们做个小demo演示下,a页面里面用iframe嵌套了b页面,b页面像a页面发送一些数据,来从a页面获取相应的数据。

1.首先新建a页面:


a页面


2.再新建b页面:


我是iframe里面的b页面哦



下面是b页面传{isgetlnglat: true}效果图:

iframe+postMessage解决跨域问题_第1张图片

下面是b页面传{isgetlnglat:false}效果图:

iframe+postMessage解决跨域问题_第2张图片

 

你可能感兴趣的:(前端跨域,iframe跨域,postMessage,前端跨域)